[flutter] Card 위젯의 배경색과 그림자색 변경하기

Flutter의 Card 위젯은 간단한 음각이 있는 widget이며, material design을 따릅니다. Card 위젯을 사용하면 앱의 UI를 꾸밀 수 있고, 각기 다른 그림자와 배경색을 지정하여 사용자 경험을 향상시킬 수 있습니다.

배경색 변경하기

Card 위젯의 배경색을 변경하려면 Color 속성을 사용하여 원하는 색상을 지정합니다. 예를 들어, 파란색 배경의 Card를 만들고 싶다면 다음과 같이 작성할 수 있습니다.

Card(
  color: Colors.blue,
  // 다른 속성 및 자식 위젯 추가
)

이 코드에서 color 속성은 Colors 클래스에 미리 정의된 색으로 쉽게 설정할 수 있습니다.

그림자색 변경하기

Card 위젯의 그림자 색상을 변경하려면 elevation 속성을 사용합니다. 그림자 색상은 Card가 다른 위젯 위에 얼마나 떠 있는지(우편을 몇줄 떠 있는지)를 나타냅니다.

다음은 Card의 그림자를 회색으로 설정하는 예제입니다.

Card(
  elevation: 5,
  shadowColor: Colors.grey,
  // 다른 속성 및 자식 위젯 추가
)

elevation 속성은 Card의 높이를 지정하며, shadowColor 속성을 사용하여 그림자 색상을 지정합니다.

이렇게 하면 Card의 배경색과 그림자색을 쉽게 변경할 수 있습니다.

위젯에 대한 더 많은 정보를 원하시면 Flutter 공식 문서를 참조하시기 바랍니다.