在线直播源码,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使用详情(中间弹框),更多内容欢迎关注之后的文章
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 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图的相关用法