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

열린 상태

닫힌 상태
