[Flutter] 컨테이너 아래에 고도(Shadow) 주기

Material Widget 사용

Material(
       elevation: 10,
       child Container(),
       );

Card 사용

Card(
  elevation: 8,
  shadowColor: Colors.blue,
  child: Container(width: 100, height: 100, color: Colors.white),
)

PhysicalModel 사용

PhysicalModel(
  color: Colors.white,
  elevation: 8,
  shadowColor: Colors.blue,
  borderRadius: BorderRadius.circular(20),
  child: Container(width: 100, height: 100),
)

Container의 BoxDecoration 속성 사용

Container(
          height: 50.0,
          decoration: BoxDecoration(
              boxShadow: <BoxShadow>[
                BoxShadow(
                  color: Colors.black54,
                  blurRadius: 20.0,
                  spreadRadius: -20.0,
                  offset: Offset(0.0, 25.0),
                )
              ],
           color: Colors.red,
          ),
        ),

주의사항
BoxDecoration을 선언했을 경우에는 위 코드와 같이 color 값을 Container 속성, BoxDecoration의 속성 값에 중복으로 줄 수 없음. BoxDecoration 안에 있는 color에 값을 지정해야함.