[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 공식 문서를 참조하시기 바랍니다.