플러터에서 자주 사용하는 스낵바에 버튼 만드는 방법을 알아보겠습니다. ScaffoldMessenger.of(context). showSnackBar(SnackBar())를 통해 스낵바를 만들어 줍니다. 그리고 SnackBar인자 중 하나인 action : SnackBarAction()을 이용해 스낵바 내부에 버튼을 만들어줍니다.
아래는 스낵바를 만들고 스낵 바안에 버튼을 만든 후 버튼을 누르면 스낵바를 숨기는 코드입니다.
TextButton(
onPressed: () {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('스낵바를 숨기려면 확인버튼을 눌러주세요'),
duration: Duration(seconds: 5),
action: SnackBarAction(
label: '확인',
onPressed: () {
ScaffoldMessenger.of(context).hideCurrentSnackBar();
},
),
),
);
},
child: Text(
'스낵바테스트',
style: TextStyle(
color: Colors.white,
),
),
style: TextButton.styleFrom(
backgroundColor: Colors.red
),
),
'개발관련 > flutter' 카테고리의 다른 글
[flutter]Container 영역 및 간단한 옵션 정리 (0) | 2022.06.29 |
---|---|
[flutter] 플러터 toast(토스트) 만드는 방법 (0) | 2022.06.29 |
[flutter] 스낵바(SnackBar) 구버전, 신버전 (0) | 2022.06.28 |
[flutter]Drawer사용 방법 및 구조도(UserAccountsDrawerHeader, ListView, ListTile) (0) | 2022.06.28 |
[flutter] 앱바 좌측, 우측에 아이콘 및 아이콘버튼 생성하기 (0) | 2022.06.27 |
댓글