Boxdecoration flutter code example

Example 1: flutter decoration image

Container(
  width: 190.0,
  height: 190.0,
  decoration: new BoxDecoration(
  shape: BoxShape.circle,
  image: new DecorationImage(
  fit: BoxFit.fill,
  image: new NetworkImage(
  "https://i.imgur.com/BoN9kdC.png"))))

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: container flutter boxdecoration

//Let's Style 

Container(
  decoration: BoxDecoration(
    color: const Color(0xff7c94b6),
    image: const DecorationImage(
      image: NetworkImage('https://flutter.github.io/assets-for-api-docs/assets/widgets/owl-2.jpg'),
      fit: BoxFit.cover,
    ),
    border: Border.all(
      color: Colors.black,
      width: 8,
    ),
    borderRadius: BorderRadius.circular(12),
  ),
)

Example 4: 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