Как автоматически закрыть виджет диалогового окна во Flutter?

Question

Простите меня, если это вопрос новичка или код кажется слишком простым, я новичок в трепете. Я изрядно погуглил, но не смог найти решения.

Как только запустится будущая функция, я хочу показать предупреждение о загрузке. При обработке запроса / ответа 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'),
        ),
      ),
    );
  }
}

Answer 1

Путь, который вы пытаетесь сделать, может быть не лучшим, если вы пытаетесь вызвать API и показать экран загрузки. Я бы порекомендовал вам использовать ModalProgressHud

Это покажет загрузчик, пока вы пытаетесь выполнить вызов API, и после получения ответа API вы можете скрыть загрузчик с помощью переменной состояния.

Если вы все еще хотите использовать окно предупреждения, вам необходимо вызвать Navigator.pop, как указано в документации.

Если в приложении есть несколько объектов навигатора, может потребоваться вызвать Navigator.of(context, rootNavigator: true).pop(result) закрыть диалог, а не просто Navigator.pop(context, result).