상세 컨텐츠

본문 제목

FlutterFlow 기초 - #6 레이아웃 위젯 Card

앱 개발/개발 Tool

by 2^7 2025. 2. 26. 21:00

본문

레이아웃 위젯 Card 위젯  사용방법

 카드(Card) 위젯은 카드 형식의 직사각형 레이아웃을 구현할 때 사용하는 위젯으로 Container위젯과 유사하지만 위젯의 사이즈가 자식위젯의 크기에 맞추어 자동으로 설정 됨


Properties 설정하기

1) Padding & Alignment

  • Padding : 위젯 주변으로의 여백을 설정
    • 상하좌우에 각각 숫자를 입력하여 조절이 가능
  • Alignment : 위젯에 위치한 자식 위젯들을 정렬
    • 총 9개의 점 중 원하는 위치를 클릭하면 해당 위치로 정렬( card 위젯이 자식위젯으로 속해 있는 경우에 해당)
    • -1 ~ 1 사이의 숫자를 입력하여 위치를 조절이 가능 (0,0이 중앙 정렬)

2) Card Properties

  • Color : 카드 위젯의 색상 설정
  • Elevation : 그림자 효과 설정(실수값을 입력하여 설정 0 ~100)

  • Border Radius : 카드 위젯 모서리 라운드 처리
728x90

관련글 더보기