본문 바로가기
모바일 공부/Flutter

Spacer

by chogigang 2024. 3. 22.

Spacer 

공간을 만들어주는 위젯입니다 

사용 방법은 정말 간단하며 주로 위젯 사이에서 사용하며 Row ,Column 에 사용됩니다 

 

Row나 Column에도 정렬 옵션이 있지만 (MainAxisAlignment, CrossAxisAlignment)

[위젯]        [위젯][위젯]

이런식으로 원하는 위치로 간격을 조정하는 옵션은 없습니다 

 

사용 방법 

const Row(
  children: <Widget>[
    Text('Begin'),
    Spacer(), // Defaults to a flex of one.
    Text('Middle'),
    // Gives twice the space between Middle and End than Begin and Middle.
    Spacer(flex: 2),
    Text('End'),
  ],
)

 이렇게 중간에 Spacer() 선언하시면 바로 적용 되며  따로 설정을 안해주시면 남은 공간을 다 차지합니다. 

 더 자세하고 짧은 영상 설명은 공식 문서 영상을 보시면 됩니다 

https://youtu.be/7FJgd7QN1zI

 

'모바일 공부 > Flutter' 카테고리의 다른 글

BottomSheet  (0) 2024.03.25
intl ,  (0) 2024.03.23
ListView  (0) 2024.03.19
UUID  (0) 2024.03.19
flutter SpreadOperator,Cascade 스프레드,캐스케이드 연산자 알아보기  (0) 2024.01.23