Today, We want to share with you rounded container.In this post we will show you border to container, hear for container shadow flutter we will give you demo and example for implement.In this post, we will learn about round out container flutter with an example.
flutter container rounded corners
flutter container rounded corners
Container( decoration: BoxDecoration( border: Border.all( color: Colors.red[600], ), borderRadius: BorderRadius.all(Radius.circular(20)) ), child: ... )
container flutter border radius
Example :
Container( decoration: BoxDecoration( color: Colors.blue, borderRadius: BorderRadius.all( Radius.circular(10) ) ) )
flutter roundeds container transperent corners
Example:
new Container( height: 500.0, color: Colors.transparent, child: new Container( decoration: new BoxDecoration( color: Colors.green, borderRadius: new BorderRadius.only( topLeft: const Radius.circular(40.0), topRight: const Radius.circular(40.0), ) ), child: new Center( child: new Text("Hi modal sheet"), ) ), ),
round container flutter
Example:
Container( width: screenWidth / 7, decoration: BoxDecoration( border: Border.all( color: Colors.red[500], ), ), child: Padding( padding: EdgeInsets.all(5.0), child: Column( children:[ Text( '6', style: TextStyle( color: Colors.red[500], fontSize: 25), ), Text( 'sep', style: TextStyle( color: Colors.red[500]), ) ], ), ), );
flutter container roundeds corners
Example:
new Center( child: new Container( width: 400.0, height: 400.0, color: Colors.white, child: new Container( decoration: new BoxDecoration( border: new Border.all( color: Colors.blue, width: 6.0, style: BorderStyle.solid ), borderRadius: new BorderRadius.all(new Radius.circular(20.0)), image: new DecorationImage( image: new AssetImage('assets/images/Pakainfo.png'), ) ), ), ), );
I hope you get an idea about container border color flutter.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.