Flutter Dialog, AlertDialog 위젯 예시

Flutter에서 Dialog 위젯 예시,

 

Alert과 같은 효과도 줄 수 있다.

(AlertDialog 종료하는 방법도 같이 넣어두었다)

// Dialog 예시 (onPressed 안에서...)
// context << 부모의 정보를 가지고 있는 변수라고 생각하면 된다.
onPressed: (){
  showDialog(context: context, builder: (context){
    return Dialog(child: Text('안녕'));
  });
},


// Dialog(Alert) 폼 예시
onPressed: (){
  showDialog(context: context, builder: (context){
     return AlertDialog(
      title: Text('Contact'),
      content: TextField(),
      actions: [
        TextButton(onPressed: (){
          Navigator.pop(context, false); // AlertDialog 종료!
        }, child: Text('Cancel')),
        TextButton(onPressed: (){}, child: Text('OK'))
      ],
    );
  });
},

AlertDialog 예시 결과