Flutter SimpleDialog


简介

SimpleDialog 是一个用于向用户传递确定信息并提供选项的弹出层

  • SimpleDialog 可为用户提供多个选项选择。有一个可选的标题,显示在选项上方

基本用法

通常作为子窗口小部件传递给showDialog,后者显示对话框。

  • 选择通常使用SimpleDialogOption表示
  • 对于通知用户情况的对话框,请考虑使用 AlertDialog。

实例演示

import 'package:flutter/material.dart';


class SimpleDialogDemo extends StatefulWidget {
  _Demo createState() => _Demo();
}

class _Demo extends State<SimpleDialogDemo> {

  void showAlertDialog(BuildContext context) {
    showDialog<Null>(
      context: context,
      builder: (BuildContext context) {
        return  SimpleDialog(
          title:  Text('选择'),
          children: <Widget>[
             SimpleDialogOption(
              child:  Text('选项 1'),
              onPressed: () {
                Navigator.of(context).pop();
              },
            ),
             SimpleDialogOption(
              child:  Text('选项 2'),
              onPressed: () {
                Navigator.of(context).pop();
              },
            ),
          ],
        );
      },
    );
  }
  Widget build(BuildContext context) {
    return  RaisedButton(
        padding:  EdgeInsets.fromLTRB(10.0, 10.0, 10.0, 10.0),
        //padding
        child:  Text(
          'show SimpleDialog',
          style:  TextStyle(
            fontSize: 18.0, //textsize
            color: Colors.white, // textcolor
          ),
        ),
        color: Theme.of(context).accentColor,
        elevation: 4.0,
        //shadow
        splashColor: Colors.blueGrey,
        onPressed: () {
          showAlertDialog(context);
      });
  }
}