如何正确将Home.dart与Splashscreen.dart整合到Main.dart中？

你已经走对了核心流程，只是可能缺了闪屏页跳转到首页的关键逻辑，我给你梳理完整的实现步骤：

1. 确保文件导入正确 #

在main.dart顶部，先导入另外两个页面的文件：

import 'package:flutter/material.dart';
import 'splashscreen.dart'; // 导入闪屏页文件
import 'home.dart'; // 导入首页文件
// 如果Storage类在单独文件中，也要记得导入对应文件

2. 完善main.dart的路由配置 #

你原来的路由配置逻辑没问题，这里给你更规范的写法：

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      initialRoute: '/', // 启动时先加载闪屏页
      routes: {
        '/': (context) => const Splash(),
        '/home': (context) => Home(storage: Storage()),
      },
    );
  }
}

3. 给闪屏页添加跳转逻辑 #

这是你可能漏掉的关键步骤！在Splashscreen.dart中，需要在合适时机（比如延迟几秒后）跳转到首页，建议在initState中实现：

class Splash extends StatefulWidget {
  const Splash({super.key});

  @override
  State<Splash> createState() => _SplashState();
}

class _SplashState extends State<Splash> {
  @override
  void initState() {
    super.initState();
    // 模拟闪屏停留2秒，可根据需求调整时长
    Future.delayed(const Duration(seconds: 2), () {
      // 使用pushReplacementNamed，避免用户按返回键回到闪屏页
      Navigator.pushReplacementNamed(context, '/home');
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // 这里编写你的闪屏UI，比如logo、背景色等
      body: Container(
        color: Colors.blue,
        child: const Center(child: Text('闪屏加载中...')),
      ),
    );
  }
}

4. 确认Home页的Storage实例有效性 #

你单独运行Home页时的Storage()实例是正常的，那路由中传入的Home(storage: Storage())也能正常工作，只要Storage类的实现没有问题即可。

如果测试时跳转异常，可以检查这几点：

• 路由名称拼写是否完全一致（比如不要把/home写成/Home）
• 闪屏页是否为StatefulWidget（需要通过initState执行延迟跳转逻辑）
• 是否使用pushReplacementNamed而非pushNamed（后者会保留闪屏页在路由栈中，返回键会回到闪屏）

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