how to give elevation to container in flutter

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,
                  ),
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}

Posted by: Guest on August-30-2020

Source

Code answers related to "how to give elevation to container in flutter"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Answers for "how to give elevation to container in flutter"

Code answers related to "how to give elevation to container in flutter"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us