상세 컨텐츠

본문 제목

FlutterFlow 기초 - #46 베이스 위젯 ProgressBar

앱 개발/개발 Tool

by 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

관련글 더보기