본문 바로가기
모바일 공부/Flutter

ScaffoldMessenger snackbar

by chogigang 2024. 5. 31.

특정 작업이 수행될 때 사용자에게 간략하게 알리는 것이 유용할 수 있습니다. 예를 들어 사용자가 목록에서 메시지를 삭제 하면 해당 메시지가 삭제되었음을 알리고 싶을 수 있습니다. 작업을 취소할 수 있는 옵션을 제공할 수도 있습니다.

 

 ScaffoldMessenger.of(context).clearSnackBars(); // 새로운 스낵바가 생기면 기존 스낵바 바로 내리고 새로운 스낵바 올리기 
    ScaffoldMessenger.of(context).showSnackBar( //스낵바 보여주기 
      SnackBar(
        duration: const Duration(seconds: 3), //몇초 동안 있을 것인가
        content: const Text('삭제'), // 스낵바가 생성되면서 표시할 메시지
        action: SnackBarAction(
          // 스낵바가 나왔을떼 추가로 할수 있는 엑션
          label: '취소',
          onPressed: () {
            setState(() {
              //삭제를 취소 했으니 삭제했던 요소를 다시 추가
              _registeredExpenses.insert(expenseIndex, expense);
            });
          },
        ),
      ),

 

 

 예제 코드가 안보이시면 드레그 하시거나 기다리시면 코드가 보입니다.

 

예제 코드가 안보이시면 드레그 하시거나 기다리시면 코드가 보입니다.

 

https://youtu.be/lytQi-slT5Y

 

 

https://docs.flutter.dev/cookbook/design/snackbars

 

Display a snackbar

How to implement a snackbar to display messages.

docs.flutter.dev

 

 

'모바일 공부 > Flutter' 카테고리의 다른 글

Dismissible 밀어서 삭제 하기  (0) 2024.05.31
ShowDialog와 AlertDialog 팝업 메시지  (0) 2024.05.30
DropdwonButton  (0) 2024.05.17
future , async , await  (0) 2024.05.17
Expanded  (0) 2024.04.15