如何在Flutter中删除警报对话框

debugcn 发表于 Dev

Vaibhav Pathak

验证OTP后，我创建了一个用于OTP验证的警报对话框，我将其关闭，然后又创建了另一个对话框以进行数据处理...然后关闭它。

结果：-通过调用OTP验证后，第一个OTP对话框关闭Navigator.of(context).pop();，然后弹出第二个对话框，但调用后并没有关闭Navigator.of(context).pop();

我想做的事：

验证OTP后关闭OTP对话框（Works）
打开进度对话框（Works）
将配置文件上传到Firebase存储中后将其关闭（无效）

请帮我解决这个问题。

提前致谢！

疯狂的懒猫

您可能会忘记await代码中的某个地方。

尝试这个，

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  TextEditingController _otpCtrl = TextEditingController();

  void dispose() {
    _otpCtrl.dispose();
    super.dispose();
  }

  Future<void> _verifyOTP() async {
    final String otp = await _inputOtp();
    String otpValidationError;
    if (otp != null) otpValidationError = await _sendOtpVerifyRequest();
    print(otpValidationError);
  }

  Future<String> _sendOtpVerifyRequest() async {
    showDialog(
      context: context,
      builder: (context) {
        return Center(child: CircularProgressIndicator());
      },
    );
    await Future.delayed(Duration(seconds: 2)); //TODO: Do post request here
    Navigator.pop(context);
    return null;
  }

  Future<String> _inputOtp() async {
    final flag = await showDialog<bool>(
      context: context,
      builder: (context) {
        return AlertDialog(
          title: Text("Enter OTP"),
          content: TextField(
            controller: _otpCtrl,
            decoration: InputDecoration(
              hintText: "x x x x x x",
            ),
          ),
          actions: <Widget>[
            FlatButton(
              child: Text("Cancel"),
              onPressed: () {
                Navigator.pop(context, false);
              },
            ),
            FlatButton(
              child: Text("Confirm"),
              onPressed: () {
                Navigator.pop(context, true);
              },
            ),
          ],
        );
      },
    );
    if (flag == true)
      return _otpCtrl.text;
    else
      return null;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: RaisedButton(
          onPressed: _verifyOTP,
          child: Text("Click Here"),
        ),
      ),
    );
  }
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。