[flutter] FlatButton을 사용하여 다이얼로그 창을 만드는 방법은?

아래는 FlatButton을 눌렀을 때 다이얼로그를 띄우는 예제 코드입니다.

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('다이얼로그 창 예제'),
      ),
      body: Center(
        child: FlatButton(
          onPressed: () {
            showDialog(
              context: context,
              builder: (BuildContext context) {
                return AlertDialog(
                  title: Text('알림'),
                  content: Text('다이얼로그 창 예제'),
                  actions: <Widget>[
                    FlatButton(
                      child: Text('닫기'),
                      onPressed: () {
                        Navigator.of(context).pop();
                      },
                    ),
                  ],
                );
              },
            );
          },
          child: Text('다이얼로그 열기'),
        ),
      ),
    );
  }
}

이 예제 코드에서는 FlatButtononPressed 속성에서 showDialog 함수를 사용하여 다이얼로그를 띄우고, AlertDialog 위젯을 사용하여 다이얼로그 창을 구성하고 있습니다.

위 코드를 실행하면 FlatButton을 누르면 “알림” 타이틀과 “다이얼로그 창 예제” 내용이 있는 다이얼로그 창이 나타납니다. “닫기” 버튼을 누르면 다이얼로그 창이 닫힙니다.

자세한 내용은 Flutter AlertDialog class 문서를 참고하시기 바랍니다.