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

发布时间 2023-10-26 14:14:53作者: 云豹科技-苏凌霄

在线直播源码,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使用详情(中间弹框),更多内容欢迎关注之后的文章