/Dart/How to add elevation to container flutter

How to add elevation to container flutter

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 elevation

body: Container(
    margin: EdgeInsets.all(8),
    decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(8.0),
        color: Colors.white,
        boxShadow: [
            BoxShadow(
                color: Colors.black,
                blurRadius: 2.0,
                spreadRadius: 0.0,
                offset: Offset(2.0, 2.0), // shadow direction: bottom right
            )
        ],
    ),
    child: Container(width: 100, height: 50) // child widget, replace with your own
),

Source: stackoverflow.com

Container elevation flutter

decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(5.0),
                color: Colors.white,
                boxShadow: [
                  BoxShadow(
                    color: Colors.grey,
                    offset: Offset(0.0, 1.0), //(x,y)
                    blurRadius: 6.0,
                  ),
                ],
              ),

Source: stackoverflow.com

How to add elevation to container flutter

import "package:flutter/material.dart";void main() => runApp(MyApp());class MyApp extends StatelessWidget { Widget build(BuildContext context) {  return MaterialApp(   home: HomePage(),  ); }}class HomePage extends StatelessWidget { @override Widget build(BuildContext context) {  return Scaffold(   body: Center(    child: Padding(     padding: const EdgeInsets.all(30.0),     child: ClipRRect(      borderRadius: BorderRadius.circular(5.0),      child: Container(       height: 100.0,       margin: const EdgeInsets.only(bottom: 6.0), //Same as `blurRadius` i guess       decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(5.0),
                color: Colors.white,
                boxShadow: [
                  BoxShadow(
                    color: Colors.grey,
                    offset: Offset(0.0, 1.0), //(x,y)
                    blurRadius: 6.0,
                  ),
                ],
              ),      ),     ),    ),   ),  ); }}

Source: stackoverflow.com

Flutter container elevation

return Material(
       elevation: 20,
       child Container(),
       );

Source: stackoverflow.com

Similar codes

7 votes163 views1 answer
Dart card outline
Dart
1 vote200 views1 answer
Android application ic_launcher dimmensions
Dart
0 vote220 views1 answer
Flutter counter app with block library
Dart
3 votes195 views1 answer
Flutter elevatedbutton
Dart
0 vote214 views1 answer
Dart string to bytes
Dart
6 votes203 views1 answer
Waiting for another flutter command to release the startup loc
Dart
9 votes211 views4 answers
Flutter transparent color
Dart
0 vote201 views1 answer
Bubble sort dart
Dart
18 votes199 views4 answers
Flutter rich text
Dart
0 vote205 views1 answer
Flutter gray screen
Dart