Flutter 플러터 다이얼로그 Dialog 대화 상자 간단 사용법

ShowDialog

• barrierDismissible : 바깥 영역 터치시 닫을지 여부
• title : 제목
• center : 내용
• actions : 버튼

 

• 코드 예시

  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ElevatedButton(
          child: Text(
            "다이얼로그 열기",
          ),
          onPressed: () {
          
          
            showDialog(
              context: context,
              barrierDismissible: true, //바깥 영역 터치시 닫을지 여부 결정
              builder: ((context) {
                return AlertDialog(
                  title: Text("제목"),
                  content: Text("내용"),
                  actions: <Widget>[
                    Container(
                      child: ElevatedButton(
                        onPressed: () {
                          Navigator.of(context).pop(); //창 닫기
                        },
                        child: Text("네"),
                      ),
                    ),
                    Container(
                      child: ElevatedButton(
                        onPressed: () {
                          Navigator.of(context).pop(); //창 닫기
                        },
                        child: Text("아니요"),
                      ),
                    ),
                  ],
                );
              }),
            );
            
            
          },
        ),
      ),
    );
  }
}

 

---

참고할만한 글

플러터 Flutter 메모장 구현하기

플러터 Flutter ToDo List 구현하기