Okno dialogowe ma opóźnienie do otwarcia, dostaję błąd podczas nawigacji do innego widoku przed jego wygenerowaniem. Jak mogę sprawić, że nie zostanie ono wygenerowane?

głosy
7

Jestem nowy w trzepotaniu.

W moim prawdziwym problemie, mój klient znajduje się w miejscach, gdzie bardzo często internet jest bardzo wolny, więc czasami próbuje się wykonać żądanie internetowe i może to zająć trochę czasu, więc użytkownik opuszcza ekran zanim żądanie internetowe zostanie zakończone. Czasami moja aplikacja po zrealizowaniu żądania sieciowego generuje a dialog. Więc tutaj leży mój problem, użytkownik próbuje zrobić żądanie sieciowe i kiedy to jest zrobione, opuszczają ekran i wtedy dialogjest generowane.

Ja staram się zasymulować ten problem z tym, delayże później generuje on dialog.

Nie mam na myśli żadnej strategii zakończenia żądania internetowego, chodzi mi o to, aby znaleźć sposób, który po opuszczeniu ekranu spowoduje, że okno dialogowe nie zostanie wygenerowane coś w rodzaju dispose

Zrobiłem przykład, gdzie mam 2 ekrany. Na drugim ekranie generowane jest okno dialogowe z opóźnieniem 5 sekund po kliknięciu przycisku. Jeśli przejdę do innego ekranu przed otwarciem okna dialogowego, pojawia się błąd. Zakładam, że dzieje się tak, ponieważ widok został zniszczony i dlatego nie można otworzyć okna dialogowego.

enter

Co mogę zrobić, aby uniknąć błędu, gdy okno dialogowe jest generowane po znalezieniu się w innym widoku? Jeśli jestem w innym widoku, NIE chcę, aby to okno dialogowe było generowane.

id=pre-0
Utwórz 07/06/2020 o 07:55
źródło użytkownik
W innych językach...                            


3 odpowiedzi

głosy
0

Zamiast Future.delayed, należy użyć Timer, który może być anulowany w onDisposemetodzie

Rozwiązanie robocze:

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);
          },
        ),
      ),
    );
  }
}
Odpowiedział 09/06/2020 o 09:54
źródło użytkownik

głosy
0

Spróbuj tego kodu

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);
            }),
      ),
    );
  }
}

Mam nadzieję, że to pomoże.

Odpowiedział 09/06/2020 o 08:52
źródło użytkownik

głosy
0

użyj klawisza Globalkey w rusztowaniu, a następnie sprawdź, czy kontekst w oknie dialogowym jest następujący != null a potem uruchomić dialog, inaczej nie...

  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();
            }
         });  
      }
Odpowiedział 11/06/2020 o 07:49
źródło użytkownik

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more