/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 vote256 views1 answer
Flutter Rename and change appname and bundle name
Dart
1 vote266 views1 answer
Dart regex for url
Dart
2 votes286 views2 answers
Flutter outline button
Dart
3 votes304 views2 answers
Badge flutter
Dart
0 vote294 views1 answer
Flutter outline button overlay
Dart
0 vote310 views1 answer
How to check system environment variables in dart
Dart
1 vote279 views1 answer
Splite number in dart
Dart
0 vote309 views1 answer
Flutter: How to point to localhost:8000 with the Dart http package in Flutter?
Dart
0 vote278 views1 answer
Getting internet connectivity in flutter with getx
Dart
1 vote279 views1 answer
Flutter async initstate
Dart