码迷,mamicode.com
首页 > 其他好文 > 详细

Flutter 中SimpleDialog简单弹窗使用

时间:2019-08-05 09:13:29      阅读:253      评论:0      收藏:0      [点我收藏+]

标签:ret   extend   creat   bar   dial   wait   tin   string   set   

import ‘package:flutter/material.dart‘;
import ‘dart:async‘;

enum Option {
  A, B, C
}

class SimpleDialogDemo extends StatefulWidget {
  @override
  _SimpleDialogDemoState createState() => _SimpleDialogDemoState();
}

class _SimpleDialogDemoState extends State<SimpleDialogDemo> {
  String _choice = ‘Nothing‘;
  
  Future _openSimpleDialog() async {
    final option = await showDialog(
      context: context,
      builder: (BuildContext context) {
        return SimpleDialog(
          title: Text(‘SimpleDialog‘),
          children: <Widget>[
            SimpleDialogOption(
              child: Text(‘Option A‘),
              onPressed: () {
                Navigator.pop(context, Option.A);
              },
            ),
            SimpleDialogOption(
              child: Text(‘Option B‘),
              onPressed: () {
                Navigator.pop(context, Option.B);
              },
            ),
            SimpleDialogOption(
              child: Text(‘Option C‘),
              onPressed: () {
                Navigator.pop(context, Option.C);
              },
            ),
            
          ],
          elevation: 100.0,
          
        );
      }
    );
    
    switch (option) {
      case Option.A:
        setState(() {
          _choice = ‘A‘;
        });
        break;
      case Option.B:
        setState(() {
          _choice = ‘B‘;
        });
        break;
      case Option.C:
        setState(() {
          _choice = ‘C‘;
        });
        break;
      default:
    }
  }
  
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(‘SimpleDialogDemo‘),
        elevation: 0.0,
      ),
      body: Container(
        padding: EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(‘Your choice is: $_choice‘),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
              ],
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        child: Icon(Icons.format_list_numbered),
        onPressed: _openSimpleDialog,
      ),
    );
  }
}

效果图:

技术图片

Flutter 中SimpleDialog简单弹窗使用

标签:ret   extend   creat   bar   dial   wait   tin   string   set   

原文地址:https://www.cnblogs.com/loaderman/p/11301033.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!