/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

1 vote159 views1 answer
How to put two trailing icons in list tile flutter
Dart
3 votes181 views1 answer
How to change flutter text font
Dart
0 vote184 views2 answers
Dart add in front of array
Dart
5 votes167 views2 answers
Remove appbar shadow flutter
Dart
7 votes169 views3 answers
Flutter reverse list
Dart
0 vote201 views1 answer
Dart while break
Dart
4 votes177 views1 answer
Image from internet flutter
Dart
2 votes164 views1 answer
Dart uzunlik
Dart
1 vote213 views2 answers
Flutter force soft keyboard on widget
Dart
0 vote171 views1 answer
Dart list from 0 to n
Dart