如何为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」下设置对应的浅色、深色背景色
- 若没有现成的动态颜色集,点击左下角「+」新建一个Color Set,命名比如
- 回到LaunchScreen的View设置,选中刚才创建的动态颜色作为背景色
完成后,你可以在Xcode预览界面切换Light/Dark模式查看效果,也能在模拟器或真机上切换系统主题,启动页会自动匹配当前系统外观。
注意:LaunchScreen是iOS系统在Flutter引擎初始化前显示的原生界面,所有配置由iOS端独立完成,和Flutter的主题设置无关联。
内容的提问来源于stack exchange,提问作者devmuaz
相关产品推荐
相关产品推荐

