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 ),
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, ), ], ), ), ), ), ), ); } }
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
