【问题标题】:React Native adding splash screen in cold start of Android AppReact Native在Android App的冷启动中添加启动画面
【发布时间】:2018-03-19 05:23:43
【问题描述】:

我正在尝试将启动画面添加到我的 react 本机 android 应用程序中,但每当我收到(远程/本地)通知并单击通知组件再次安装屏幕时,它都会给我带来奇怪的行为,该组件已通过再次显示启动画面安装.我通过关注 Spencer Carli 的this article 添加了飞溅。

我不知道这种行为是因为 react native 单活动 android 应用程序,或者可能是我在主要活动上方添加了启动活动。我正在使用this react-native-splash-screen package

我还为上述方法创建了一个git repo for the Splash test。请看一下。

我也尝试使用 this rn-splash-screen package 在不添加其他活动的情况下启动启动,但这会在启动前给我白屏,或者您可以在冷启动时说。

由于我不是原生的 android 开发人员,但我想像 twitter、uber 那样在冷启动时显示启动画面。 react-native-splash-screen package 让我能够在冷启动时显示飞溅,但由于上述问题,我无法使用它。谁能指导我如何解决这个问题并实现这种类型的启动画面。

【问题讨论】:

标签: android react-native splash-screen react-navigation


【解决方案1】:

试试这个解决方法。

您可以在 JS 代码中添加启动画面。使用 AppState 来确定您的应用程序是否处于冷启动或状态从后台更改为前台。

https://facebook.github.io/react-native/docs/appstate.html

【讨论】:

  • 你能解释一下吗?仅用于冷启动。
  • 使用你的应用程序的启动组件(你的应用程序的第一个组件)的 componentWillMount 钩子来显示你的闪屏,然后渲染你的视图。这个 componentWillMount 钩子只会在冷启动时触发。如果应用处于非活动状态或处于后台模式,则不会安装第一个组件。
【解决方案2】:

您之所以来这里,可能是因为到目前为止您还没有找到正确、更新和最简单的解决方案!

请按照以下步骤添加启动画面:

https://dev.to/cmcodes/how-to-add-splash-screen-in-a-react-native-android-app-287l

【讨论】:

  • 虽然此链接可能会回答问题,但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改,仅链接答案可能会失效。 - From Review
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2022-01-24
  • 1970-01-01
  • 2020-10-16
  • 1970-01-01
  • 1970-01-01
  • 2019-09-04
  • 2016-05-04
相关资源
最近更新 更多