Container Box Decoration 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: 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,    )  ),);

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable