如何修复使用不包含导航器的上下文请求的导航器操作。 ' 在 flutter

Question

I encounter this error.

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

I follow the guidelines on the Internet but i'm still confused on how to fix this error. Here is my code

     class SecondScreen extends StatelessWidget{
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          body: Container(
            decoration: BoxDecoration(
              gradient: LinearGradient(
                  begin: Alignment.topLeft,
                  end: Alignment.bottomRight,
                  colors: [Colors.amberAccent, Colors.red]),
            ),
            child: Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,// add Column
                children: <Widget>[
                  Text('Welcome', style: TextStyle( // your text
                      fontSize: 50.0,
                      fontWeight: FontWeight.bold,
                      color: Colors.white)
                  ),
                  RaisedButton(onPressed: () {
                    Navigator.pop(context);
                  },
                    child: Text('Button'),
                    shape: RoundedRectangleBorder(borderRadius: new BorderRadius.circular(30.0)
                    ),
                    color: Colors.white,
                    splashColor: Colors.blue,
                    textColor: Color(0xfffe67e22),
                  ), // your button beneath text
                ],
              ),
            ),
          ),
        );
      }
    }
    ```

Answer 1

The problem is not in your second page. Actually the problem is in your main.dart ; You should create a new widget for home property of MaterialApp instead of using a Scaffold widget directly;

void main() {
  runApp(
    MaterialApp(
      debugShowCheckedModeBanner: false,
      home: App(),
    ),
  );
}

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Center(
        child: Column(
          children: <Widget>[
            RaisedButton(
              onPressed: () => Navigator.push(
                context,
                MaterialPageRoute(builder: (_) => SecondPage()),
              ),
              child: Text("SecondPage"),
            ),
          ],
        ),
      ),
    );
  }
}

Answer 2

Screenshot:

---

Full code:

void main() => runApp(MaterialApp(home: MyApp(), debugShowCheckedModeBanner: false));

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        decoration: BoxDecoration(
          gradient: LinearGradient(begin: Alignment.topLeft, end: Alignment.bottomRight, colors: [Colors.amberAccent, Colors.red]),
        ),
        child: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center, // add Column
            children: <Widget>[
              Text('Welcome',
                  style: TextStyle(
                      // your text
                      fontSize: 50.0,
                      fontWeight: FontWeight.bold,
                      color: Colors.white)),
              RaisedButton(
                onPressed: () {
                  Navigator.of(context).push(MaterialPageRoute<Null>(builder: (BuildContext context) {
                    return SecondScreen();
                  }));
                },
                child: Text('Button'),
                shape: RoundedRectangleBorder(borderRadius: new BorderRadius.circular(30.0)),
                color: Colors.white,
                splashColor: Colors.blue,
                textColor: Color(0xfffe67e22),
              ), // your button beneath text
            ],
          ),
        ),
      ),
    );
  }
}

class SecondScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        decoration: BoxDecoration(
          gradient: LinearGradient(begin: Alignment.topLeft, end: Alignment.bottomRight, colors: [Colors.amberAccent, Colors.red]),
        ),
        child: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center, // add Column
            children: <Widget>[
              Text('Welcome',
                  style: TextStyle(
                      // your text
                      fontSize: 50.0,
                      fontWeight: FontWeight.bold,
                      color: Colors.white)),
              RaisedButton(
                onPressed: () {
                  Navigator.pop(context);
                },
                child: Text('Button'),
                shape: RoundedRectangleBorder(borderRadius: new BorderRadius.circular(30.0)),
                color: Colors.white,
                splashColor: Colors.blue,
                textColor: Color(0xfffe67e22),
              ), // your button beneath text
            ],
          ),
        ),
      ),
    );
  }
}