Flutter13.Dialog

最新推荐文章于 2024-10-31 22:15:00 发布

原创最新推荐文章于 2024-10-31 22:15:00 发布 · 246 阅读

0 ·

CC 4.0 BY-SA版权

Flutter 专栏收录该内容

56 篇文章

订阅专栏

本文详细介绍了在Flutter中如何使用对话框，包括简单的对话框、带有选项的对话框以及通过按钮触发的警报对话框。文章通过具体示例展示了如何创建、显示不同类型的对话框，并解释了它们的用法。

ex:

import 'dart:math';

import 'package:flutter/material.dart';

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

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

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            SimpleDialog(
              title: Text('Dialog title'),//Dialog的标题
              children: <Widget>[
                SimpleDialogOption(
                  child: Text('Choice 1'),
                  onPressed: (){
                    print('Choice 1');
                  },
                ),
                SimpleDialogOption(
                  child: Text('Choice 2'),
                  onPressed: (){
                    print('Choice 2');
                  },
                )
              ],
            ),
            RaisedButton(//按钮弹出Dialog
              child: Text('Delete'),
              onPressed: () {
                showDialog(
                    context: context,
                    builder: (BuildContext context) {
                      return AlertDialog(
                        title: Text('Notice'),
                        content: SingleChildScrollView(
                          child: ListBody(
                            children: <Widget>[
                              Text('Agree to Delete？'),
                              Text('Make sure your choice！'),
                            ],
                          ),
                        ),
                        actions: <Widget>[
                          FlatButton(
                            child: Text('Agree'),
                            onPressed: () {
                              Navigator.of(context).pop();
                            },
                          ),
                          FlatButton(
                            child: Text('Cancel'),
                            onPressed: () {
                              Navigator.of(context).pop();
                            },
                          ),
                        ],
                      );
                    }
                  );
              },
            ),
          ],
        ),
      ),
    );
  }
}

输出：