How To Customize Flutter Container Shadow

In this Flutter post, we will be explaining and implementing **Flutter container** shadow by the use of an easy Flutter example.

A detailed step by step implementation will be discussed for better understanding. After reading this post, you will implement and customize **Flutter container** shadow in your own Flutter apps with ease.

Outline

1. What is **Flutter Container** Shadow?

2. Default Flutter **Container** Shadow

3. Implementing **Flutter Container Shadow(All Steps**)

3.1. Box **Shadow** Constructors

3.1.1. **Color**

3.1.2. Spread Radius with Examples

3.1.3. Blur Radius with Examples

3.1.4. **Offset**(Multiple Examples)

4. Custom **Flutter Container** Shadow Source Code

5. Conclusion

What is Flutter Container Shadow?

As the name suggests, **Flutter container** shadow is the shadow that is used to make the container looks elevated. The shadow is used to make the container look more beautiful. Let’s now practically understand everything about Flutter container shadow using Flutter example.

Default Flutter Container Shadow

To see what the default Flutter container shadow is, we have used a **Flutter container widget with some [height](https://letmeflutter.com/how-to-easily-change-flutter-container-size/) and [width](https://letmeflutter.com/how-to-easily-change-flutter-container-size/)**. We have given that Flutter container a background color and also a child Flutter text widget. See the below code:

Container(
            width: 240,
            height: 50,
            alignment: Alignment.center,
            color: Colors.blue,
            child: Text(
              'Flutter Container default shadow',
              style: TextStyle(color: Colors.white, fontSize: 15),
            ),
          )

There is no default shadow of the **Flutter container** as seen in the above image.

Implementing Flutter Container Shadow(All Steps)

Now to give shadow to the **Flutter container widget, we have to first use the decoration constructor of the container class and pass box decoration to that constructor. [Continue reading…](https://letmeflutter.com/how-to-easily-customize-flutter-container-shadow/)**