You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何移除flutter_native_splash并恢复Flutter默认原生启动页

移除flutter_native_splash并恢复Flutter默认原生启动页步骤

1. 清理项目配置文件

打开项目根目录的pubspec.yaml文件,完成两处修改:

  • 删除dev_dependencies节点下的flutter_native_splash: ^2.2.16行
  • 删除文件末尾整个flutter_native_splash配置块(从flutter_native_splash:到ios: true的所有内容)

保存文件后,在终端执行命令更新依赖:

flutter pub get

2. 恢复Android端原生启动页

进入android/app/src/main/res目录:

  • 删除所有以splash命名的文件(比如各drawable文件夹下的splash.png、splash_background.xml等)
  • 找到layout文件夹里的launch_background.xml,替换为Flutter默认内容:
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@android:color/white" />
    <item>
        <bitmap
            android:gravity="center"
            android:src="@mipmap/ic_launcher" />
    </item>
</layer-list>

如果该文件已被删除,直接新建一个并写入上述内容即可。

3. 恢复iOS端原生启动页

进入ios/Runner目录:

  • 打开Assets.xcassets,删除里面的LaunchImage资源组(包含各分辨率的LaunchImage文件)
  • 打开LaunchScreen.storyboard,恢复为默认布局:居中显示应用图标,背景为白色。如果文件已被修改得面目全非,直接删除后新建一个默认的启动页 storyboard 即可。

4. 验证效果

完成所有操作后,运行项目测试:

flutter run

此时应用启动时会显示Flutter默认的原生启动页。

内容的提问来源于stack exchange,提问作者mohammad hoseini

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.26 01:28:11