Flutter container shadow

Flutter add shadow to container

Container(
  decoration: BoxDecoration(
    boxShadow: [
      BoxShadow(
        color: Colors.grey.withOpacity(0.8),
        spreadRadius: 10,
        blurRadius: 5,
        offset: Offset(0, 7), // changes position of shadow
      ),
    ],
  ),
  child: Image.asset(chocolateImage),
)

Source: stackoverflow.com

Flutter container shadow

Container(
                decoration: BoxDecoration(
                  boxShadow: [
                    BoxShadow(
                      color: Colors.grey.withOpacity(0.4),
                      spreadRadius: 2,
                      blurRadius: 8,
                    ),
                  ],
                ),
               ),

Shadow container flutter

BoxDecoration(
  boxShadow: [
    BoxShadow(
      color: Colors.grey.withOpacity(0.5),
      spreadRadius: 5,
      blurRadius: 7,
      offset: Offset(0, 3), // changes position of shadow
    ),
  ],
)

Source: stackoverflow.com

Box shadow flutter

  boxShadow: [
          BoxShadow(
            color: Colors.redAccent,
            offset: Offset(0.0, 1.0), //(x,y)
            blurRadius: 3.0,
          ),
        ],

Flutter container shadow

return Container(
  margin: EdgeInsets.only(left: 30, top: 100, right: 30, bottom: 50),
  height: double.infinity,
  width: double.infinity,
  decoration: BoxDecoration(
    color: Colors.white,
    borderRadius: BorderRadius.only(
      topLeft: Radius.circular(10),
        topRight: Radius.circular(10),
        bottomLeft: Radius.circular(10),
        bottomRight: Radius.circular(10)
    ),
    boxShadow: [
      BoxShadow(
        color: Colors.grey.withOpacity(0.5),
        spreadRadius: 5,
        blurRadius: 7,
        offset: Offset(0, 3), // changes position of shadow
      ),
    ],
  ),

Source: stackoverflow.com

Flutter shadow container

          Card(
            elevation: 8,
            child: Container(width: 100, height: 100, color: Colors.blue),
          ),

Similar codes

5 votes287 views2 answers
How to attach a FloatingActionButton to the AppBar
Dart
4 votes223 views1 answer
Flutter listtile on press
Dart
0 vote307 views1 answer
Trees in dart
Dart
2 votes284 views1 answer
Cascade notation
Dart
1 vote279 views1 answer
Error: xmlhttprequest error. dart-sdk/lib/_internal/js_dev_runtime/patch/core_patch.dart 906:28
Dart
1 vote278 views2 answers
Convert string to float .0 dart
Dart
0 vote281 views1 answer
Flutter print type
Dart
0 vote296 views1 answer
How to call a method on the State Notifier Provider
Dart
5 votes295 views3 answers
Text spacing flutter
Dart
6 votes294 views2 answers
Double 2 decimal places flutter
Dart