Flutter make simple gradient shadow

Question

I want to build a gradient shadow widget as shown below.

This gradient starts from black and end at white, how can I design this type of widget?

Answer 1

It can be done like this,

Container(
        height:100,
        decoration: BoxDecoration(
          gradient: LinearGradient(
            colors: [Colors.black, Colors.white],
            begin: Alignment.topCenter,
            end: Alignment.bottomCenter
          )
        ),
      ),

The result is :

Are You looking for that result?

Answer 2

You can also try this:

Container(
  height: 200,
  width: 200,
  decoration: BoxDecoration(
    color: Colors.blue,
    boxShadow: [
      BoxShadow(
        color: Colors.black,
        offset: Offset(0, 10),
        blurRadius: 10,
        spreadRadius: 0.5,
      ),
    ],
  ),
)

Output