본문 바로가기

Flutter-플러터

Flutter - Gap - SizedBox

반응형

 

Flutter 공식 유튜브에서 소개 한 패키지 Gap 입니다. 

https://www.youtube.com/watch?v=MqjCIITfCIA&ab_channel=Flutter

 

사용법은 간단합니다. 

 

yaml 파일에

gap: ^3.0.1

 

등록해주고 

 

sizedbox 넣는곳에 

을 넣기만 하면 됩니다. 

 

스크롤 방향 기준으로 공간이 생긴다는 점입니다. 

기존의 Sizedbox는 가로 방향일 때는 width, 세로 방향일 때는 height를 꼭 넣어줘야 했습니다 

그걸 편하게 만들어주네요 

 

Sizedbox(height:30)


Gap(30)

 

 

 

 

 

728x90
반응형