/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 vote275 views1 answer
Dart contains method
Dart
0 vote297 views2 answers
Search in array dart
Dart
2 votes268 views1 answer
What is Dart?
Dart
1 vote265 views1 answer
Flutter chip delete
Dart
1 vote305 views1 answer
Six_ft_apart_rounded
Dart
9 votes295 views1 answer
Dart ternary
Dart
5 votes291 views1 answer
Dart list to json
Dart
8 votes299 views3 answers
Text overflow error flutter
Dart
12 votes255 views2 answers
Italic text flutter
Dart
0 vote260 views1 answer
Sliverappbar with tabbar flutter
Dart