如何通过单击按钮导航到颤振中的另一个页面？ [复制]

Question

Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      home: Scaffold(
        body: Container(
          padding: EdgeInsets.fromLTRB(10.0, 50.0, 10.0, 10.0),
          child: Column(
            children: [
              TextField(
                controller: user,
                decoration: InputDecoration(
                    border: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(20.0)),
                    hintText: "ENTER USER NAME"),
              ),
              SizedBox(
                height: 10.0,
              ),
              TextField(
                controller: pass,
                decoration: InputDecoration(
                    border: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(20.0)),
                    hintText: "ENTER USER NAME"),
              ),
              FlatButton(
                  onPressed: () {
                    Navigator.push(context,
                        MaterialPageRoute(builder: (context) => Home()));
                  },
                  child: Text("NAVIGATOR"))
            ],
          ),
        ),
      ),
    );
  }

在 navigator.push 中出现错误

“这是我在媒体上遇到的错误” 处理手势时抛出以下断言：

使用不包含 Navigator 的上下文请求的导航器操作。用于从 Navigator 推送或弹出路由的上下文必须是作为 Navigator 小部件后代的小部件的上下文。

Answer 1

Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
  body: Container(
    padding: EdgeInsets.fromLTRB(10.0, 50.0, 10.0, 10.0),
    child: Column(
      children: [
        TextField(
          controller: user,
          decoration: InputDecoration(
              border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(20.0)),
              hintText: "ENTER USER NAME"),
        ),
        SizedBox(
          height: 10.0,
        ),
        TextField(
          controller: pass,
          decoration: InputDecoration(
              border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(20.0)),
              hintText: "ENTER USER NAME"),
        ),
        FlatButton(
            onPressed: () {
              Navigator.push(
                  context, MaterialPageRoute(builder: (context) => Home()));
            },
            child: Text("NAVIGATOR"))
      ],
    ),
  ),
)
);
}

请编写这样的代码，无论何时对任何平台提出疑问

也请提供Home()的代码

这是 Home() 的更改代码

import 'package:flutter/material.dart';

class Home extends StatefulWidget {
  HomeState createState() => HomeState();
}

class HomeState extends State<Home> {
  @override
  Widget build(BuildContext context) {
     return Scaffold(
        body: Container(
          child: Column(
            children: [
              Text(
                "WELCOME",
                style: TextStyle(fontSize: 50.0),
              )
            ],
          ),
        ),
      );
  }
}