在线直播源码,Dialog使用详情(中间弹框)
在线直播源码,Dialog使用详情(中间弹框)
第一步:应用程序入口设置
当我们导入依赖后,在应用程序顶层把GetMaterialApp 作为顶层,如下所示
import 'package:flutter/material.dart';
import 'package:flutter_getx_example/DialogExample/DialogExample.dart';
import 'package:get/get.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return GetMaterialApp(
title: "GetX",
home: DialogExample(),
);
}
}
第二步:调用Dialog
我们可以通过Get.defaultDialog() 来显示 dialog ,如下所示
import 'package:flutter/material.dart';
import 'package:get/get.dart';
class DialogExample extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("GetX Title"),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
ElevatedButton(
onPressed: () {
Get.defaultDialog(
title: "删除",
middleText: "您确定要删除吗?",
//确定按钮
confirm: ElevatedButton(
onPressed: () {
//单击后删除弹框
Get.back();
},
child:const Text("确定")),
//取消按钮
cancel: ElevatedButton(
onPressed: () {
//单击后删除弹框
Get.back();
},
child:const Text("取消")),
);
},
child: Text("显示 Dialog"))
],
),
),
);
}
}
以上就是 在线直播源码,Dialog使用详情(中间弹框),更多内容欢迎关注之后的文章