Text style and alignment
Container with Text
flutter style text and alignment code for above:
var container = Container( // grey box child: Text( "Conatiner with Text", style: TextStyle( fontSize: 24, fontWeight: FontWeight.w900, fontFamily: "Georgia", ), ), width: 320, height: 240, color: Colors.grey[300], );
set background in the flutter
Lorem ipsum
var container = Container( // grey box child: Text( "Lorem ipsum", style: bold24Roboto, ), width: 320, height: 240, decoration: BoxDecoration( color: Colors.red[400], ), );
Center vertically and horizontally a div or widget in the flutter
Lorem ipsum
var container = Container( // grey box child: Center( child: Text( "Lorem ipsum", style: bold24Roboto, ), ), width: 320, height: 240, color: Colors.grey[300], );
positioning style in the flutter
position top left
var container = Container( // grey box child: Stack( children: [ Positioned( // red box child: Container( child: Text( "position top left", style: bold24Roboto, ), decoration: BoxDecoration( color: Colors.red[400], ), padding: EdgeInsets.all(16), ), left: 24, top: 24, ), ], ), width: 320, height: 240, color: Colors.grey[300], );