/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

0 vote134 views1 answer
Flutter datatypes check
Dart
0 vote140 views1 answer
Flutter dart imagepicker quality reduce resize
Dart
1 vote133 views2 answers
Get time in dart
Dart
12 votes141 views2 answers
Height appbar flutter
Dart
0 vote138 views1 answer
Flutter border around textbutton
Dart
5 votes148 views3 answers
Media query width flutter
Dart
0 vote154 views1 answer
Flutter count list
Dart
1 vote141 views1 answer
Flutter dropdownbutton enum
Dart
1 vote160 views1 answer
Round button with text and icon in flutter
Dart
0 vote142 views2 answers
Add a clickable link in flutter
Dart