FlutterFlow 기초 - #27 베이스 위젯 Button

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

 버튼(Button)위젯은 사용자 상호작용의 주요 수단으로 사용되어 사용자가 애플리케이션 내에서 작업이나 명령을 실행할 수 있도록 사용하는 위젯

Properties 설정하기

1) Padding & Alignment

• Button전체의 Padding과 Ailgnment를 설정

2) Button Text

• Text : 버튼에 표시될 텍스트
• Theme Text Style : 버튼에 표시될 텍스트 스타일
• Font Family : 폰트 설정
• Font Weight : 폰트 굵기
• Styling : 기울이기, 밑줄, 취소선 설정
• Font Size : 폰트 크기
• Text Color : 텍스트 색상
• Line Height : 텍스트 위 공간의 크기
• Letter Spacing : 글자간의 간격
• Shadows : 버튼에 표시된 글자에 그림자 효과 부여

3) Button Default Style

• Width & Height : 버튼의 가로, 세로 크기
• Fill Color : 버튼의 색상
• Elevation : 버튼의 음영
• Border Color : 버튼의 외곽선 색상
• Border Width : 버튼의 외곽선 두께
• Border Radius : 버튼의 모서리 라운드 처리
• Button Padding : 버튼 내부에 패딩 처리
• Show Loading Indicator : 버튼 클릭 시 로딩 표시 노출
• Button Disable Option : 버튼 비활성화 조건 설정
• Button Hover Style : 버튼에 마우스를 올려놓았을 때 버튼의 스타일 설정

4) Icon Properties

• Icon : 아이콘 선택
• Icon Position : 아이콘 위치 선택 (Leading : 텍스트 앞에 위치, Trailing : 텍스트 뒤에 위치)
• Icon Padding : 아이콘 패딩 설정