Flutter - Card

Elevation 그림자와 조금 둥근 모서리를 가진 material 디자인의 판넬 입니다.

Card는 앨범, 위치, 연락처 같이 연관된 정보들을 가진 Material의 시트(sheet)입니다.

다음과 같은 형태를 가집니다.

이 코드는 2개의 액션과 앨범 정보를 가지는 Card 위젯의 생성을 보여줍니다.

 

가끔  카드의 주요한 영역은 카드 자체가 됩니다. 카드는 터치할 때 세부 화면을 보여주는 하나의 큰 터치 타겟이 될 수 있습니다.

 

이 코드는 탭 할수 있는 Card 위젯을 가집니다. Card의 InkWell이 탭되면, 카드 전체를 채우는 ink 스플래쉬가 나타납니다.

 

 

Material Design 3는 새로운 타입의 Cards를 가집니다. 이 타입들은 Card 위젯의 속성을 설정해서 사용 할 수 있습니다.

 

이 코드는 https://m3.material.io/components/cards/overview에 있는 것 처럼 filled, elevated, outlined 타입의 Card 위젯입니다.

 

 

See also:

• ListTile, to display icons and text in a card.
• showDialog, to display a modal card.
• material.io/design/components/cards.html

 

상속구조

• Object
• DiagnosticableTree
• Widget
• StatelessWidget
• Card

생성자

Card  

({

Key? key, 

Color? color, 

Color? shadowColor, 

Color? surfaceTintColor, 

double? elevation, 

ShapeBorder? shape, 

bool borderOnForeground = true, 

EdgeInsetsGeometry? margin, 

Clip? clipBehavior, 

Widget? child,

bool semanticContainer = true

})