Create a loading page on Flutter

Question

I have this main dart file

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

class MyApp extends StatefulWidget {
  const MyApp({Key key}) : super(key: key);

  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {

  @override
  void initState() {
    super.initState();
    MainController().init().then((value) {
      if(Version().canUpdate()) {
        Navigator.pushReplacementNamed(context, '/update');
      }
      MainController().getAccountInfos((datas) {
        if(datas["auth"]) {
          Navigator.pushReplacementNamed(context, '/');
        }
        else {
          Navigator.pushReplacementNamed(context, '/login');
        }
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: new ThemeData(
          scaffoldBackgroundColor: ColorPalette.primary
      ),
      initialRoute: "/loading",
      routes: {
        '/': (context) => MainMenuWidget(),
        '/login': (context) => LoginWidget(),
        '/register': (context) => RegisterWidget(),
        '/keys': (context) => KeysPageWidget(),
        '/update': (context) => UpdatePageWidget(),
        '/loading': (context) => LoadingPageWidget(),
      },
    );
  }
}

and I try to display a loading view during app init before change page.

Actually, I have a "Navigator operation requested with a context that does not include a Navigator." error.

I need help please.

Hi There. what issue are u actually facing ?

Nisanth Reddy
– Nisanth Reddy

2021-05-22 16:05:16 +00:00
Commented May 22, 2021 at 16:05 — Nisanth Reddy
– Nisanth Reddy, Commented May 22, 2021 at 16:05

mkobuolys · Accepted Answer · 2021-05-22 16:31:53Z

1

You are using the Navigator logic inside _MyAppState, initState() method - here, your context does not have a defined Navigator, that's basically what the error explains. Navigator context could be accessed only under the MaterialApp() (since you define your routes, navigation logic only there).

You can resolve this by moving all the initState() logic to the LoadingPageWidget - there you could access the Navigator and since it's your default first page, there should be no side effects behind this solution.

answered May 22, 2021 at 16:31

mkobuolys

5,3811 gold badge17 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Chlamy Over a year ago

Thank you, I think I will resolve like this

mkobuolys Over a year ago

Great! Do not forget to mark the answer as the correct one if this was helpful.

Collectives™ on Stack Overflow

Create a loading page on Flutter

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related