본문 바로가기
개발관련/flutter

[flutter]플러터 스낵바안에 버튼 만들기

by BlueOcean&Shark 2022. 6. 29.

 

플러터에서 자주 사용하는 스낵바에 버튼 만드는 방법을 알아보겠습니다. 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
  ),
),

 

댓글