2024. 7. 20. 22:33ㆍFlutterFlow
기본개념
- 열 = 세로방향 = column 위잿
- 행 = 가로방향 = row 위젯
- 쌓는 위젯 = stack 위젯
.
.
.
………..
- 부모 위젯 = layout
*레이아웃 위젯이 가장 상위에 존재해야 함(layout 아래에 layout 위젯 상속 가능)
FlutterFlow6
show overflow -> 화면 밖 텍스트 안보임
ListView : 캔버스 화면을 벗어난 상황에서 스크롤이 가능한 레이아웃 위젯
FlutterFlow7
container
blur)
FlutterFlow8
implicit animated
컨테이너 위젯의 크기와 색상 등의 눈에 보이는 속성값이 변화할 때 자동으로 애니메이션이 작동되도록 설정하는 기능
앱스테이트 기능
서버 뿐이 아니라 디바이스에도 저장이 가능함. 하지만 중요하거나 복잡한 데이터는 보안 문제 때문에 디바이스에 저장하지 않음.
button click -> size up
FlutterFlow9
scrollable
horizantal scroll(column)
FlutterFlow10
vertical scroll(column)
FlutterFlow11
Stack
FlutterFlow12
card
FlutterFlow13
list view widget
userList
shirink wrap : 자식 위젯만큼 공간으로 축소
FlutterFlow14
GridView
FlutterFlow15
spacewidget
사용가능한 모든 공간을 차지한다(main axis size와는 무관함)
space 위젯을 복수 사용할 때만 spacer 속성을 조정 할 수 있음
FlutterFlow16
dividerwidget
Thickness
indent / end-indent
FlutterFlow17
dividerwidget(vertical)
FlutterFlow18
tabbar widget
Tab bar style
color
border width
elevation
initial tab index -> 초기 버튼 선택
Tab bar position
update page on swipe 스와이프 시 데이터를 최신화 시키기 위한 기능
첫번째 탭 선택 - video page
FlutterFlow19
pagewidget
FlutterFlow20
pagewidget add action
button 클릭 -> 두번째 페이지로 전환
FlutterFlow21
expandable widget
expandable
collapsed
열린 상태
닫힌 상태