无论如何在运行时 React Native 中更改启动画面？

Posted 2023-05-07

【中文标题】无论如何在运行时 React Native 中更改启动画面？

【英文标题】：Is there anyway to change SplashScreen in runtime ReactNative?

【发布时间】：2021-11-25 09:26:38

【问题描述】：

我正在用 react-native 构建一个移动应用程序，我希望它能够在运行时更改徽标和启动画面。

我知道如何更改徽标，但我找不到任何更改 SplashScreen 的解决方案。

有没有办法做到这一点？

【参考方案1】：

在 app.json 文件中添加图标和启动画面：

"icon": "./assets/icon.png",
"splash": 
  "image": "./assets/splash.png",
  "resizeMode": "cover",
  "backgroundColor": "#ffffff"
  

或者，如果您想添加自定义启动画面，请使用以下模块： npm i react-native-animated-splash-screen

这里是模块链接供参考：npm module

【讨论】：

你仍然需要在原生文件夹、manifest 和 info.plist 中设置图标和闪屏，对吧？

最近我在 expo 中使用它，所以它工作得非常好，无需添加其他文件夹..

如何在运行时改变文件app.json的内容？

请检查此链接以检查所有功能。npmjs.com/package/react-native-animated-splash-screen