[j Flutter] 토스트메세지(ToastMessage), 스낵바(SnackBar)

Flutter에서 토스트메세지와 스낵바 띄우는 방법을 해보자.

 

1. ToastMessage 

 

  1) 아래 링크로 들어가서 pubspec.yaml에 fluttertoast를 추가해준다.

 

pub.dev/packages/fluttertoast

fluttertoast | Flutter Package

 

  2) 해당코드를 추가해준다.

 Fluttertoast.showToast(
                    msg: "ToastMessage Test",
                    toastLength: Toast.LENGTH_SHORT,
                    gravity: ToastGravity.CENTER,
                    timeInSecForIosWeb: 1,
                    backgroundColor: Colors.deepPurple,
                    textColor: Colors.white,
                    fontSize: 16.0
                );

다음은 실행화면이다. 

 

Toast 실행화면

 

2. SnackBar

 

  1) GlobalKey를 선언해준다. 

  final scaffoldKey = GlobalKey<ScaffoldState>();

  2) snackbar를 호출하는 코드를 추가해준다.

 

 scaffoldKey.currentState.showSnackBar(SnackBar(content: Text("SnackBar Test"),backgroundColor: Colors.brown,));

다음은 실행화면이다.

SnackBar 실행화면