Flutter 提示 之 Operación del navegador solicitada con un contexto que no incluye un navegador.

1. Problema

Escribí el salto de página con Flutter, el error es el siguiente

Navigator operation requested with a context that does not include a Navigator.

 

 

 

 

 

 

 

 

 

 

2. Mi código

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


class MyApp1 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'open url',
      home: Scaffold(
          appBar: AppBar(
            title: Text('hello flutter'),
          ),
          body: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              FlatButton(
                child: Text("go to new page"),
                textColor: Colors.blue,
                onPressed: () {
                    Navigator.push(context, MaterialPageRoute(
                      builder:(context) => NewPage()));
                },
              ),
            ],

          ),
      ),
    );
  }
}


class NewPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
            title: Text("hello word"),
        ),
        body: Center(
           child: Text("this is new page"),
        ),
      );
  }
}

 

 

 

 

 

 

 

 

 

 

 

 

 

3. Razón

Navigator operation requested with a context that does not include a Navigator.

Explique que este contexto es inconsistente, veamos la relación de herencia de Navigator

class Navigator extends StatefulWidget {
}

Pero mi código es así

class MyApp1 extends StatelessWidget {
}

Necesitamos usar el contexto de StatefulWidget

 

 

 

 

 

 

 

 

 

 

 

4. Solución

void main() {
    runApp(MaterialApp(
    title: "Navigation basics",
    home: MyApp1(),
  ));
}

Comience con MaterialApp

class MaterialApp extends StatefulWidget {
***
}