Flutter应用启动异常：灰色AppBar先于闪屏显示问题求助

Android 端处理 #

• 配置原生闪屏主题
  在AndroidManifest.xml中，将启动Activity的主题设置为自定义闪屏主题，避免默认页面提前显示：

  <activity
      android:name=".SplashActivity"
      android:theme="@style/SplashTheme">
      <intent-filter>
          <action android:name="android.intent.action.MAIN" />
          <category android:name="android.intent.category.LAUNCHER" />
      </intent-filter>
  </activity>
  

  在res/values/styles.xml中定义闪屏主题：

  <style name="SplashTheme" parent="Theme.AppCompat.NoActionBar">
      <item name="android:windowBackground">@drawable/splash_screen</item>
      <item name="android:windowFullscreen">true</item>
  </style>
  

  其中@drawable/splash_screen是你准备好的闪屏图片资源。
• 原生闪屏过渡到应用闪屏
  原生闪屏Activity启动后，延迟1-2秒再启动应用内的闪屏页面，最后跳转主页面，保证流程连贯。

iOS 端处理 #

• 设置Launch Screen
  在Xcode中打开LaunchScreen.storyboard，添加闪屏图片和品牌元素，确保应用启动时首先显示这个原生闪屏。
• 调整启动逻辑
  在AppDelegate.swift或SceneDelegate.swift中，确保启动时先完成原生闪屏的展示，再加载应用内的闪屏页面，避免主页面提前加载。

跨平台框架（以Flutter为例）处理 #

• 优先加载应用闪屏页面
  在main.dart中，将应用入口的默认页面设置为闪屏页面，而非带AppBar的主页面：

  void main() {
    runApp(const MyApp());
  }
  
  class MyApp extends StatelessWidget {
    const MyApp({super.key});
  
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        home: const SplashScreen(),
        routes: {
          '/home': (context) => const HomeScreen(),
        },
      );
    }
  }
  

• 闪屏页面逻辑实现
  闪屏页面中添加延迟跳转逻辑，确保显示足够时间后再进入主页面：

  class SplashScreen extends StatefulWidget {
    const SplashScreen({super.key});
  
    @override
    State<SplashScreen> createState() => _SplashScreenState();
  }
  
  class _SplashScreenState extends State<SplashScreen> {
    @override
    void initState() {
      super.initState();
      Future.delayed(const Duration(seconds: 2), () {
        Navigator.pushReplacementNamed(context, '/home');
      });
    }
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        body: Center(
          child: Image.asset('assets/splash_logo.png'),
        ),
      );
    }
  }
  

注意事项 #

• 保持原生闪屏与应用闪屏的视觉风格统一，减少切换突兀感。
• 启动阶段避免执行耗时操作（如网络请求），放在闪屏跳转后处理，防止启动延迟。

内容的提问来源于stack exchange，提问作者Zafer Güler