[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('다이얼로그 열기'),
),
),
);
}
}
이 예제 코드에서는 FlatButton
의 onPressed
속성에서 showDialog
함수를 사용하여 다이얼로그를 띄우고, AlertDialog
위젯을 사용하여 다이얼로그 창을 구성하고 있습니다.
위 코드를 실행하면 FlatButton
을 누르면 “알림” 타이틀과 “다이얼로그 창 예제” 내용이 있는 다이얼로그 창이 나타납니다. “닫기” 버튼을 누르면 다이얼로그 창이 닫힙니다.
자세한 내용은 Flutter AlertDialog class 문서를 참고하시기 바랍니다.