앱 개발/개발 Tool
FlutterFlow 기초 - #46 베이스 위젯 ProgressBar
2^7
2025. 5. 20. 21:00
베이스 위젯 ProgressBar위젯 사용방법
프로그레스바(ProgressBar)위젯은 작업의 진행 상황을 표시하기 위해 사용하는 위젯
Properties 설정하기
1) Padding & Alignment
- ProgressBar 전체의 Padding과 Ailgnment를 설정
2) Progress Bar Properties
- Progress Value : 진행율 상태값
- Progress Bar Shape : 프로그레스 바의 모양 선택
- Circular : 원형
- Linear : 선형
- Diameter(Width) & Thickness : 프로그레스 바의 넓이를 설정
- Start Angle : 원형의 프로그레스 바의 시작 위치의 각도
- End Radius : 선형의 프로그레스 바의 모서리의 라운드 값
- Animate Progress : 페이지 로드 시 진행율 표시에 애니메이션 효과 적용 여부
- Progerss Color : 진행률의 나타내는 색상
- Background Color : 미진행된 상태를 나타내는 색상
- Text : 프로그레스바에 표시할 텍스트
- 텍스트 위젯의 Properties의 설정과 동일
728x90