flutter container box decoration code example

Example 1: flutter container border

Container(
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.red,  // red as border color
    ),
  ),
  child: Text("Your text...")
)

Example 2: container decoration box flutter

new Container(
  margin: const EdgeInsets.all(15.0),
  padding: const EdgeInsets.all(3.0),
  decoration: BoxDecoration(
    border: Border.all(color: Colors.blueAccent)
  ),
  child: Text("My Awesome Border"),
)

Example 3: box decoration s flutter

new Center(  child: new Container(    decoration: new BoxDecoration(      color: Colors.purple,      gradient: new LinearGradient(        colors: [Colors.red, Colors.cyan],        begin: Alignment.centerRight,        end: new Alignment(-1.0, -1.0)      ),    ),    child: new FlutterLogo(      size: 200.0,    )  ),);

Example 4: box decoration s flutter

Center(  child: new Container(    decoration: new BoxDecoration(      color: Colors.purple,      gradient: new LinearGradient(        colors: [Colors.red, Colors.cyan],        begin: Alignment.centerRight,        end: Alignment.centerLeft      ),    ),    child: new FlutterLogo(      size: 200.0,    )  ),);

Example 5: box decoration s flutter

new Center(  child: new Container(    decoration: new BoxDecoration(      color: Colors.purple,      gradient: new LinearGradient(        colors: [Colors.red, Colors.cyan],        begin: Alignment.centerRight,        end: new Alignment(0.8, 0.0),        tileMode: TileMode.mirror      ),    ),    child: new FlutterLogo(      size: 200.0,    )  ),);

Tags:

Misc Example