線上直播原始碼，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使用詳情(中間彈框)，更多內容歡迎關注之後的文章