앱 개발/개발 Tool

FlutterFlow 기초 - #48 베이스 위젯 Badge

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

베이스 위젯 Badge위젯  사용방법

 뱃지(Badge)위젯은 주의가 필요한 항목의 개수를 나타내기 위해 사용하는 위젯으로 알람, 장바구니에 담긴 품목 수 등을 표시할 때 사용함.

Properties 설정하기

1) Padding & Alignment

  • Badge 전체의 Padding과 Ailgnment를 설정

2) Badge Properties

  • Text : 배지 내부에 표시되는 텍스트를 설정(일반적으로 숫자 값을 사용)
  • Theme Text Style : 텍스트 스타일 설정
  • Font Family : 폰트 스타일 설정
  • Font Weight : 글자 굵기
  • Font Size : 글자 크기
  • Text Color : 글자 색상
  • Line Height : 글자 높이
  • Letter Spacing : 글자 간격
  • Text Align : 글자 정렬

  • Show Badge : 배지 표시 여부
  • Badge Color : 배지 색상
  • Elevation : 배지의 높이(그림자 크기)
  • Position : 배지의 위치
728x90