GetX -从Get.Dialog返回值

  1. GetMaterialApp

在main.dart中,确保MyApp返回的是GetMaterialApp而不是MaterialApp

class MyApp extends StatelessWidget {

// This widget is the root of your application.

@override

Widget build(BuildContext context) {

return GetMaterialApp( // <-- Use GetMaterialApp

title: 'Flutter Demo',

home: MyHomePage(title: 'Flutter Examples'),

);

}

}

这允许Get处理导航/路由,使导航方法可用,例如:Get.to()、Get.dialog()、Get.back()等。如果没有GetMaterialApp作为应用程序的根,当调用任何导航方法时,您将看到一个(令人困惑的)错误:

E/flutter (11139): [ERROR:flutter/lib/ui/ui_dart_state.cc(166)] Unhandled Exception:

'package:flutter/src/widgets/localizations.dart': Failed assertion:

line 453 pos 12: 'context != null': is not true.

复制

  1. Get.dialog +Get.back(结果: X)

让你对Get.dialog的调用期望一个异步返回值...

onPressed: () async {

// assign return value to an observable

return lx.result.value = await Get.dialog(

...。在使用Get.back(result: X)关闭对话框时返回,其中X是通过Get.dialog返回的动态值

onPressed: () => Get.back(result: true),

复制

完整示例:

dart 复制代码
import 'package:flutter/material.dart';
import 'package:get/get.dart';

class LoginX extends GetxController {
  RxBool result = false.obs;
}

class GetDialogReturnPage extends StatelessWidget {
  final LoginX lx = Get.put(LoginX());

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('GetDialog Return Example'),
      ),
      body: SafeArea(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            Container(
              child: Obx(() => Text('Value shows here: ${lx.result.value}')),
            ),
            Container(
              alignment: Alignment.center,
              child: RaisedButton(
                child: Text('Login'),
                onPressed: () async {
                  // ** assign return value to an observable **
                  return lx.result.value = await Get.dialog(
                      AlertDialog(
                          content: Row(
                            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                            children: [
                              RaisedButton(
                                child: Text('Good Login'),
                                onPressed: () => Get.back(result: true),
                                // ** result: returns this value up the call stack **
                              ),
                              SizedBox(width: 5,),
                              RaisedButton(
                                child: Text('Bad Login'),
                                onPressed: () => Get.back(result: false),
                              ),
                            ],
                          )
                      )
                  );},
              ),
            )
          ],
        ),
      ),
    );
  }
}

我的例子参考:

dart 复制代码
  Future<bool?> showRemoveDialog(

      String title, String content, bool showCheckbox) async {

      debugPrint(title);

      return await Get.defaultDialog(
        title: title,
        content: Text(content),
        onConfirm: ()=>Get.back(result: true),
        onCancel: ()=>Get.back(result: false),
      );
    }
相关推荐
_.Switch7 分钟前
Python 自动化运维持续优化与性能调优
运维·开发语言·python·缓存·自动化·运维开发
徐*红7 分钟前
java 线程池
java·开发语言
尚学教辅学习资料7 分钟前
基于SSM的养老院管理系统+LW示例参考
java·开发语言·java毕设·养老院
1 9 J9 分钟前
Java 上机实践4(类与对象)
java·开发语言·算法
Code apprenticeship10 分钟前
Java面试题(2)
java·开发语言
J不A秃V头A13 分钟前
Python爬虫:获取国家货币编码、货币名称
开发语言·爬虫·python
SRC_BLUE_171 小时前
SQLI LABS | Less-39 GET-Stacked Query Injection-Intiger Based
android·网络安全·adb·less
Martin -Tang2 小时前
Vue 3 中,ref 和 reactive的区别
前端·javascript·vue.js
SRY122404193 小时前
javaSE面试题
java·开发语言·面试
FakeOccupational3 小时前
nodejs 020: React语法规则 props和state
前端·javascript·react.js