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

如何为Flutter iOS的LaunchScreen.storyboard适配明暗主题

实现iOS LaunchScreen.storyboard跟随系统主题切换外观

当然可以实现,完全不需要Flutter层代码干预,直接在iOS原生配置里就能搞定,步骤如下:

  • 打开Flutter项目的iOS目录,用Xcode打开Runner.xcworkspace,找到LaunchScreen.storyboard
  • 选中启动页的根View,在右侧Attributes Inspector面板里找到「Background」选项
  • 点击颜色选择器,切换到「Assets」标签页:
    • 若没有现成的动态颜色集,点击左下角「+」新建一个Color Set,命名比如LaunchScreenBackground
    • 打开Assets.xcassets里的这个颜色集,分别在「Any Appearance」「Dark Appearance」下设置对应的浅色、深色背景色
  • 回到LaunchScreen的View设置,选中刚才创建的动态颜色作为背景色

完成后,你可以在Xcode预览界面切换Light/Dark模式查看效果,也能在模拟器或真机上切换系统主题,启动页会自动匹配当前系统外观。

注意:LaunchScreen是iOS系统在Flutter引擎初始化前显示的原生界面,所有配置由iOS端独立完成,和Flutter的主题设置无关联。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.08 21:32:02