FlutterFlow Learning 0720(토)

2024. 7. 20. 22:33FlutterFlow

기본개념

- 열 = 세로방향 = 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

열린 상태

닫힌 상태