在线直播源码,Dialog使用详情(中间弹框)

在线直播源码,Dialog使用详情(中间弹框)

第一步:应用程序入口设置

当我们导入依赖后,在应用程序顶层把GetMaterialApp 作为顶层,如下所示

 

1
<br>import 'package:flutter/material.dart';<br>import 'package:flutter_getx_example/DialogExample/DialogExample.dart';<br>import 'package:get/get.dart';<br> <br>void main() {<br>  runApp(MyApp());<br>}<br> <br>class MyApp extends StatelessWidget {<br>  @override<br>  Widget build(BuildContext context) {<br>    return GetMaterialApp(<br>      title: "GetX",<br>      home: DialogExample(),<br>    );<br>  }<br>}

第二步:调用Dialog

我们可以通过Get.defaultDialog() 来显示 dialog ,如下所示

 

1
<br>import 'package:flutter/material.dart';<br>import 'package:get/get.dart';<br> <br>class DialogExample extends StatelessWidget {<br>  @override<br>  Widget build(BuildContext context) {<br>    return Scaffold(<br>      appBar: AppBar(<br>        title: Text("GetX Title"),<br>      ),<br>      body: Center(<br>        child: Column(<br>          mainAxisAlignment: MainAxisAlignment.center,<br>          crossAxisAlignment: CrossAxisAlignment.center,<br>          children: [<br>            ElevatedButton(<br>              onPressed: () {<br>                Get.defaultDialog(<br>                  title: "删除",<br>                  middleText: "您确定要删除吗?",<br>                  //确定按钮<br>                  confirm: ElevatedButton(<br>                      onPressed: () {<br>                        //单击后删除弹框<br>                        Get.back();<br>                      },<br>                      child:const Text("确定")),<br>                  //取消按钮<br>                  cancel: ElevatedButton(<br>                      onPressed: () {<br>                        //单击后删除弹框<br>                        Get.back();<br>                      },<br>                      child:const  Text("取消")),<br>                      <br>                );<br> <br>              },<br>              child: Text("显示 Dialog"))<br>          ],<br>        ),<br>      ),<br>    );<br>  }<br>}

 

 以上就是 在线直播源码,Dialog使用详情(中间弹框),更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(18)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2022-10-26 直播平台源码,解决uni-app中flex布局子元素宽度溢出
2022-10-26 直播app开发搭建,纯css/html实现侧边导航栏
2022-10-26 直播系统搭建,Elasticsearch通过Http请求实现查询操作
2021-10-26 视频聊天室源码,按住对话框右滑显示删除
2021-10-26 直播系统代码,登录时常用验证方式
2021-10-26 短视频系统,使用Glide播放gif图的相关用法
点击右上角即可分享
微信分享提示