hoony's web study

728x90
반응형

갭(Gap): 간격을 추가할 때 좋은 패키지 

가끔은 조금의 여유 공간이 필요할 때가 있습니다. 

위젯 사이에 간격을 말하는 거예요.
패딩이나 사이즈 박스를 추가할 수 있지만, 간격이 컬럼이나 로우 안에 있는지 알아야만 어느 방향으로 공간이 확장되어야 하는지 지정할 수 있습니다.
이 두 가지 옵션은 가독성을 해칠 수 있는 긴 코드를 작성하게 만들 수 있습니다. 대신, 갭(gap)을 추가할 수 있습니다.
사이즈 박스와 비슷하지만, 갭은 로우나 컬럼 안에 있는지 여부를 계속 추적할 필요가 없습니다.
부모 컨테이너의 주 축 방향에 지정된 공간을 차지하는 갭을 얻을 수 있습니다.
이  Gap는  ListViews와 같은 스크롤 가능한 위젯 내에서도 작동합니다. 작은 공간에서 오버플로우를 피하면, MaxGap을 사용하여 지정된 크기까지만 사용 가능한 공간을 채울 수 있습니다. 마지막으로, 사용자 정의 스크롤링 액션을 위해서는 SliverGap을 확인해보세요. 그래서 다음에 공간이 필요하면,Gap 를 사용하면 정말 유용한 것 같습니다.  

패키지 주소

https://pub.dev/packages/gap

 

gap | Flutter Package

Flutter widgets for easily adding gaps inside Flex widgets such as Columns and Rows or scrolling views.

pub.dev

 

오늘도 즐거운 Flutter 하세요 

728x90

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading