`
iaiai
  • 浏览: 2203491 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Flutter 弹窗 Dialog ,AlertDialog,IOS风格

 
阅读更多

import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
 
void main() => runApp(new MainAPP());
enum Department { treasury, state }
 
class MainAPP extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return new MyApp();
  }
}
 
class MyApp extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return new MyState();
  }
}
 
class MyState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Scaffold(
          appBar: new AppBar(
            title: new Text("dialog Demo"),
          ),
          body: new Center(
            child: Column(
              children: <Widget>[
                new SimpleDialog(
                  title: new Text("对话框标题"),
                  children: <Widget>[
                    SimpleDialogOption(
                      onPressed: () {},
                      child: const Text("第一行信息"),
                    ),
                    SimpleDialogOption(
                      onPressed: () {},
                      child: const Text("第二行信息"),
                    )
                  ],
                ),
                new AlertDialog(
                  content: new SingleChildScrollView(
                    child: ListBody(
                      children: <Widget>[Text("是否要删除?"), Text("一旦删除数据不可恢复!")],
                    ),
                  ),
                  actions: <Widget>[
                    FlatButton(
                      child: Text("确定"),
                      onPressed: () {},
                    ),
                    FlatButton(
                      child: Text("取消"),
                      onPressed: () {},
                    )
                  ],
                ),
                new CupertinoAlertDialog(
                  content: new SingleChildScrollView(
                    child: ListBody(
                      children: <Widget>[Text("IOS风格"),Text("是否要删除?"), Text("一旦删除数据不可恢复!")],
                    ),
                  ),
                  actions: <Widget>[
                    CupertinoDialogAction(
                      child: Text("确定"),
                      onPressed: (){},
                    ),
                    CupertinoDialogAction(
                      child: Text("取消"),
                      onPressed: (){},
                    ),
                  ],
                )
              ],
            ),
          )),
    );
  }
 
  void _show() {}
 
  Future<Null> _askedToLead(BuildContext context) async {
    switch (await showDialog<Department>(
        context: context,
        builder: (BuildContext context) {
          return SimpleDialog(
            title: const Text('Select assignment'),
            children: <Widget>[
              SimpleDialogOption(
                onPressed: () {
                  Navigator.pop(context, Department.treasury);
                },
                child: const Text('Treasury department'),
              ),
              SimpleDialogOption(
                onPressed: () {
                  Navigator.pop(context, Department.state);
                },
                child: const Text('State department'),
              ),
            ],
          );
        })) {
      case Department.treasury:
        // Let's go.
        // ...
        break;
      case Department.state:
        // ...
        break;
    }
  }
}
  • 大小: 164.3 KB
分享到:
评论

相关推荐

    Flutter之自定义Dialog实现版本更新弹窗功能的实现

    Flutter之自定义Dialog实现版本更新弹窗功能的实现 Flutter是一款跨平台的移动应用开发框架,它提供了非常多的组件和功能,使得开发者可以快速构建高质量的应用程序。在实际开发中,我们经常需要实现一些自定义的...

    Flutter 自定义dialog工具类

    自定义一个Loading等待Dialog工具类 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; /* * 自定义Loading等待弹框 * @params text 提示内容 */ class LoadingDialog extends...

    flutter_dialog.zip

    这个项目资源是flutter自定义dialog 的源码 主要讲到flutter里面的dialog 的各种用法 还有一些三方的dialog配合使用 以及自定义的dialog的实现和使用 希望能帮助到各位同学

    Flutter 模仿实现苹果底部弹出框

    Flutter 模仿苹果底部弹出框 新增BottmSheetDialog.dart // // 文件名称:SBottmSheetDialog.dart // // 创建日期:2020-01-010 // // 文件描述:底部弹出框 // // 修改履历: // ---------------------------------...

    Flutter-使用MethodChannel 实现与iOS交互

    然而,当涉及到与原生 iOS 系统的深度交互时,单纯使用 Flutter 的功能是不够的,这时候就需要借助 `MethodChannel`。`MethodChannel` 是 Flutter 和原生平台之间进行通信的一种方式,它允许我们在 Flutter 代码中...

    flutter记账app,iOS安卓.zip

    flutter记账app,iOS安卓簿记flutter记账app,iOS安卓地址

    News App Flutter完整Android/iOS的应用新闻类头条应用程序

    News App Flutter完整Android/iOS的应用程序新闻应用程序 Ultimate Flutter News App(InitNews)是一个Flutter完整应用程序,允许您使用Android/iOS的应用程序新闻应用程序,该应用程序的许多不同功能已经开发,为...

    IOSKeychain:此Flutter插件可在iOS上提供钥匙串访问

    此Flutter插件可在iOS上提供钥匙串访问 入门 dependencies : ios_keychain : git : url : git://github.com/ahmeteminkara/ios_keychain.git import 'package:ios_keychain/ios_keychain.dart' ; 使用 String ...

    flutter_background_fetch,ios和android的后台定期回调。包括Android无头机制.zip

    Flutter Background Fetch 是一个开源项目,由晶体管软件(Transistor Software)开发,专门用于实现iOS和Android设备上的后台定期回调功能。这个库旨在解决移动应用在后台时执行任务的需求,例如更新数据、发送推送...

    仿IOS风格对话框

    在Android开发中,为了提供与iOS相似的用户体验,开发者经常需要创建模仿iOS风格的对话框。这个"仿IOS风格对话框"项目就是针对这一需求的一个解决方案。它旨在为Android应用带来与苹果设备上的对话框相类似的外观和...

    flutter与原生之间的channel交互

    flutter与ios/swift、android/kotlin之间的message_channel、method_channel、event_channel交互,包括flutter调起android、ios原生界面

    cupertino_datepicker_example:在Flutter中使用iOS风格的Cupertino日期选择器选择日期,时间以及其他任何项目

    在Flutter中使用iOS风格的Cupertino日期选择器选择日期,时间以及其他任何项目。 :high_voltage: 社交媒体 YouTube: 推特: Instagram: 脸书: LinkedIn) GitHub: 媒介: 网站: :victory_...

    flutter ios-platform-images

    flutter ios_platform_images插件可以在Flutter和iOS之间共享图片。 在Flutter中,可以使用IosPlatformImages.load方法加载iOS平台上的图片资源,该方法与UIImage imageNamed:的使用方式类似。 在iOS中,如果使用...

    swift-iOS项目集成Flutter

    在Swift开发中,将Flutter集成到iOS项目是一个常见的需求,特别是在构建跨平台应用程序时。Flutter是一种由Google开发的开源UI工具包,它允许开发者用Dart语言编写代码,快速构建高性能、美观的移动、Web和桌面应用...

    Kingtous#blog_post#2020-11-09-解决Flutter下iOS deployment target的问题

    title: 解决Flutter下iOS deployment target的问题subtitle: minimum deploy target error.1

    flutter 内嵌 IOS 原生界面

    flutter 内嵌 IOS 原生界面 flutter 内嵌 IOS 原生界面 文档地址: https://johns.blog.csdn.net/article/details/125420308 文档地址: https://johns.blog.csdn.net/article/details/125420308

    system_settings:Flutter插件可在iOS和Android上打开系统设置

    Flutter插件可通过iOS和Android应用打开系统和应用设置。 在Android上,此插件支持各种系统设置页面以及应用程序信息和应用程序通知设置页面。 在iOS上,如果已通过SettingsBundle定义了任何设置,则此插件将始终...

    Flutter软件包,可轻松集成dialogflow和支持dialogflow v2-Flutter开发

    作者:Aseem Wangoo Chatbot库存跟踪具有Flutter,DialogFlow和GCP的iOS和Android应用程序。 作者:Alfian Losari感谢您的指导! 安装将此添加到软件包的pubspec.yaml文件中:依赖项:flutter_dialogflow:^ 0.1.0您...

Global site tag (gtag.js) - Google Analytics