파파비의 블로그
플러터, flutter) chip, spacer, badge 위젯 본문
반응형
1) Chip
여기서 보라색 위젯을 chip 위젯이라고 한다.
기본적으로 label이 안의 내용물을 의미하며, 꾸미는 방법은 더 다양하게 많다.
2) Spacer()
https://www.youtube.com/watch?v=7FJgd7QN1zI
이 동영상이 최고인듯 하다.
Expand와 비슷한 기능을 하는 박스인데, 그냥 있는 공간을 다 차지 한다.
Spacer 여러개 두고 flex를 통해 좀 더 customized 된 공간처리를 할 수 있다.
columns나 row에서 유용하게 쓸 수 있다.
보이는 바와 같이 그냥 Spacer(), 이렇게 넣어도 되고,
여러개면 속성으로 flex를 통해 조절도 가능하다.
3) Badge
https://pub.dev/packages/badges
이런게 Badge이다.
패키지를 활용하는게 좋을 것 같은데, 사용법은 다음에 올리도록하겠다~
반응형
'개발 > flutter' 카테고리의 다른 글
플러터, flutter) 스와이프해서 지우기, Dismissible 위젯 (0) | 2020.06.08 |
---|---|
플러터, flutter) FittedBox 위젯, (0) | 2020.06.08 |
플러터, flutter) MultiProvider, Provider 여러개 공유하기 (0) | 2020.06.08 |
플러터, flutter) Provider - of.context 대신 Consumer 사용하기 (0) | 2020.06.08 |
플러터, flutter) Provider 객체를 공유하는 다른 방법 (context를 쓰지 않을 때) (0) | 2020.06.08 |
Comments