앱 개발/개발 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