Um diálogo tem um atraso para abrir, eu recebo um erro ao navegar para outra visualização antes que o diálogo seja gerado. Como posso fazer para que não seja gerado?

Question

Um diálogo tem um atraso para abrir, eu recebo um erro ao navegar para outra visualização antes que o diálogo seja gerado. Como posso fazer para que não seja gerado?

votos

7

Eu sou novo a vibrar.

No meu problema real, meu cliente está em lugares onde é muito freqüente que a internet seja muito lenta, então às vezes é feita uma tentativa de fazer um pedido web e isso pode levar tempo, então o usuário sai da tela antes que o pedido web seja concluído. Às vezes meu aplicativo depois de completar uma solicitação web gera um dialog. Então aqui é onde está meu problema, o usuário está tentando fazer uma solicitação web e enquanto ela é feita, eles saem da tela e então o dialogé gerado.

Estou a tentar simular este problema com um delayque mais tarde gera o dialog.

Não estou pensando em nenhuma estratégia para terminar o pedido na web, o que eu quero é encontrar uma maneira de que, uma vez que eu saia da tela, faça com que o diálogo não seja gerado algo como um dispose

Eu fiz um exemplo onde tenho 2 ecrãs. Na segunda tela é gerado um diálogo com um atraso de 5 segundos quando o botão é clicado. Se eu navego para outra tela antes de abrir o diálogo, recebo um erro. Presumo que isso ocorra porque a vista foi destruída e, portanto, a caixa de diálogo não pode ser aberta.

O que posso fazer para evitar o erro quando o diálogo é gerado depois de estar em outra visualização? se estou em outra visualização NÃO QUERO que o diálogo seja gerado.

id=pré-0

flutter

Publicado 07/06/2020 em 07:55
fonte usuário yavg

Em outras línguas...

3 respostas

CopsOnRoad · Answer 1 · 2020-06-09 09:54

Em vez de Future.delayed, você deve usar Timer, que pode ser cancelado no onDisposemétodo

Solução de trabalho:

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    print("main");
    return MaterialApp(
      title: 'Provider Example',
      initialRoute: '/',
      routes: {
        '/': (context) => Home(),
        'home': (context) => Home(),
        'dialogpage': (context) => Dialogpage(),
      },
    );
  }
}

class Home extends StatelessWidget {
  Home() {
    print("home");
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('home'),
        actions: <Widget>[
          IconButton(
            icon: const Icon(Icons.add_alert),
            tooltip: 'Show Snackbar',
            onPressed: () {
              Navigator.pushNamed(context, "dialogpage");
            },
          ),
        ],
      ),
      body: const Center(
        child: Text(
          'home',
          style: TextStyle(fontSize: 24),
        ),
      ),
    );
  }
}

class Dialogpage extends StatefulWidget {
  @override
  _DialogpageState createState() => _DialogpageState();
}

class _DialogpageState extends State<Dialogpage> {
  Timer _timer;

  @override
  void dispose() {
    _timer?.cancel();
    super.dispose();
  }

  dialog(BuildContext context) {
    _timer = Timer(
      const Duration(seconds: 3),
      () {
        showDialog(
          context: context,
          barrierDismissible: false,
          builder: (context) {
            return AlertDialog(
              shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20.0)),
              title: Container(
                decoration: BoxDecoration(
                  borderRadius: BorderRadius.only(
                    topLeft: Radius.circular(19.0),
                    topRight: Radius.circular(19.0),
                  ),
                ),
                padding: EdgeInsets.symmetric(vertical: 10, horizontal: 5),
                child: Text(
                  'Error',
                  style: TextStyle(color: Colors.white),
                ),
              ),
              content: Column(
                mainAxisSize: MainAxisSize.min,
                children: <Widget>[
                  Container(
                    margin: EdgeInsets.only(top: 20.0, bottom: 20.0),
                    child: Icon(
                      Icons.error,
                      size: 50,
                    ),
                  ),
                  Text("dialog"),
                ],
              ),
              titlePadding: EdgeInsets.all(0),
              actions: <Widget>[
                FlatButton(
                  child: Text('Aceptar'),
                  onPressed: () {
                    return Navigator.of(context).pop();
                  },
                ),
              ],
            );
          },
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('dialog'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text("show dialog"),
          onPressed: () {
            dialog(context);
          },
        ),
      ),
    );
  }
}

Won · Answer 2 · 2020-06-09 08:52

Tente este código

class Dialogpage extends StatelessWidget {
  ...
  Timer t;

  dialog(BuildContext context) {
    t = Timer(Duration(seconds: 5), () {
      showDialog(...);
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('dialog'),
        leading: IconButton(
          icon: Icon(Icons.arrow_back, color: Colors.black),
          onPressed: () {
            t?.cancel();
            Navigator.of(context).pop();
          },
        ),
      ),
      body: Center(
        child: RaisedButton(
            child: Text("show dialog"),
            onPressed: () {
              dialog(context);
            }),
      ),
    );
  }
}

Espero que ajude.

akshay yadav · Answer 3 · 2020-06-11 07:49

use a Globalkey no andaime e verifique o contexto no método de diálogo é ele != nulo e depois faz um diálogo, senão não...

  GlobalKey _scafolldKey = GlobalKey<ScaffoldState>();

      @override
      Widget build(BuildContext context) {
        return Scaffold(
        key: _scafolldKey,
        appBar: AppBar(
            title: const Text('dialog'),),
            body: Center(
                child: RaisedButton(
                    child: Text("show dialog"),
                    onPressed: () {
                    dialog(context);
               }),
            ),
         );
       }
    }

    dialog(BuildContext context) {
        Future.delayed(const Duration(seconds: 2), () {
          if(_scafolldKey.currentContext !=null){
          showDialog();
            }
         });  
      }