[Flutter/플러터] show snackbar in flutter 플러터 스낵바(SnackBar) 만들기

2.x 버전

Scaffold.of(context).showSnackBar(SnackBar(content: Text("msg")));

3.x 버전

ScaffoldMessenger.of(context)
..showSnackBar(SnackBar(content: Text("$result")));

 

기존에 표시된 스낵바를 지우고 다시 표시하려면

ScaffoldMessenger.of(context)
..removeCurrentSnackBar()
..showSnackBar(SnackBar(content: Text("$result")));

 

스낵바 형태 커스텀

SnackBar(
  content: Text('$result'),
  backgroundColor: Colors.blue, // 스낵바 배경색
  duration: Duration(milliseconds: 3000), // 스낵바 표시되는 시간
  behavior: SnackBarBehavior.floating, // 하단에서 살짝 띄어짐, 기본값: fixed
  action: SnackBarAction( // 스낵바 우측에 텍스트 버튼
    label: 'Undo',
    textColor: Colors.white,
    onPressed: () => print('Pressed'),
  ),
  shape: RoundedRectangleBorder( // 스낵바 모양
    borderRadius: BorderRadius.circular(20),
    side: BorderSide(
      color: Colors.red,
      width: 2,
    ),
  ),
)