1

如果这是一个菜鸟问题或代码看起来太基本，请原谅我，我是新手。我已经完成了相当多的谷歌搜索，但我还没有找到解决方案。

一旦未来功能开始，我想显示加载警报。处理 API 请求/响应时，如果发生错误，则应在 showErrorDialog 中显示，并且 LoadingDialog 应自动关闭。

现在，ErrorDialog 显示并可以使用其按钮将其关闭，但是 LoadingDialog 不会被关闭。

我可以用 Future.delayed 来做到这一点，但这只是一种解决方法，它有太多可变的结果。这是虚拟代码：

import 'package:flutter/material.dart';

class RandomScreen extends StatefulWidget {
  @override
  _RandomScreenState createState() => _RandomScreenState();
}

class _RandomScreenState extends State<RandomScreen> {

  Future<void> _submitApiRequest() async {
    try {
      _showLoadingAlert();

      //processing the API request/response here.

    } catch (error) {
      _showErrorDialogue(error.toString());
    }
  }

  void _showErrorDialogue(String errorMessage) {
    showDialog(
      context: context,
      builder: (ctx) => Dialog(
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(20.0),
        ),
        child: Column(
          children: <Widget>[
            Text(errorMessage),
            FlatButton(
              onPressed: () => Navigator.of(context).pop(),
              child: Text(
                'Dismiss',
              ),
            ),
          ],
        ),
      ),
    );
  }

  void _showLoadingAlert() {
    showDialog(
      context: context,
      builder: (ctx) => CircularProgressIndicator(),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Random Screen'),
      ),
      body: Center(
        child: RaisedButton(
          onPressed: _submitApiRequest,
          child: Text('Submit'),
        ),
      ),
    );
  }
}
4

1 回答 1

0

如果您尝试调用 API 并显示加载屏幕，您尝试执行的方式可能不是最佳方式。我建议您使用ModalProgressHud

这将在您尝试进行 API 调用时显示加载器，一旦收到 API 响应，您可以使用状态变量隐藏加载器。

如果您仍想使用警报框，您需要调用 Navigator.pop，如文档中所述。

如果应用程序有多个 Navigator 对象，则可能需要调用Navigator.of(context, rootNavigator: true).pop(result)来关闭对话框，而不仅仅是Navigator.pop(context, result).

于 2020-03-19T19:57:17.267 回答