Flutter导航流程中第二个页面无法全屏的问题

看起来你已经走在正确的路上啦！Flutter里并没有“Activity”的概念，取而代之的是Widget页面，通过Navigator来管理页面栈，你用Navigator.push配合MaterialPageRoute的写法完全是官方推荐的基础跳转方式。

先把你的代码整理成更规范的格式：

跳转代码（第一个页面中） #

Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => HomePage(title: title)),
);

HomePage的build方法补全示例 #

你提供的代码片段有点不完整，我帮你补全成可运行的状态（假设orbitTextTheme是你自定义的文本主题）：

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: const Text("Home"),
      textTheme: orbitTextTheme,
    ),
    body: const Center(
      child: Container(
        color: Colors.lightBlueAccent, // 示例颜色，替换成你实际的颜色常量
        padding: EdgeInsets.all(16),
        child: Text("这是HomePage页面内容"),
      ),
    ),
  );
}

几个实用的进阶建议 #

• 性能优化：合理使用const关键字
  如果页面的参数不会动态变化，给Widget和不可变的参数加上const，可以避免不必要的Widget重建，提升性能：

  Navigator.push(
    context,
    MaterialPageRoute(builder: (context) => const HomePage(title: "Home")),
  );
  

• 页面间传递返回数据
  如果你需要从HomePage返回数据到前一个页面，可以利用Navigator.push返回的Future：

  // 跳转时等待返回结果
  final result = await Navigator.push(
    context,
    MaterialPageRoute(builder: (context) => HomePage(title: title)),
  );
  // 处理返回的结果，比如打印
  if (result != null) {
    print("从HomePage返回的数据：$result");
  }
  
  // 在HomePage中添加返回按钮并传递数据
  ElevatedButton(
    onPressed: () {
      Navigator.pop(context, "我是返回的内容");
    },
    child: const Text("返回上一页"),
  );
  

• 使用命名路由简化跳转
  如果你的应用页面较多，推荐使用命名路由来管理页面跳转，代码更简洁也更易维护：

  1. 在MaterialApp中配置路由表：

     MaterialApp(
       initialRoute: '/', // 初始页面路由
       routes: {
         '/': (context) => const YourFirstPage(), // 第一个页面
         '/home': (context) => const HomePage(title: "Home"), // HomePage的路由
       },
     );
     

  2. 使用命名路由跳转：

     Navigator.pushNamed(context, '/home');
     

内容的提问来源于stack exchange，提问作者Simon k