如何检测何时打开React Native应用程序?

米奇

当用户打开应用程序时,我的React Native应用程序希望将其本地数据与API同步。每当用户返回到应用程序时(不仅是首次启动时),都应该发生这种情况。本质上,我想要的是等效于AppDelegate的applicationDidBecomeActive回调,以便可以在其中运行同步代码。显然,我想改为在React Native中执行此操作。

据我所知,根组件上componentWillMount/componentDidMount回调仅在最初加载应用程序时运行,而不是在用户离开应用程序并稍后返回(没有明确退出应用程序)之后运行。

我以为AppStateAPI会提供此功能,但是change在这种情况下,它的监听器也不会触发。

这似乎是显而易见的功能,因此我必须缺少明显的东西。帮助!

米奇

我使用AppStateIOSAPI而不是修复了此问题AppState后者可在iOS设备上按预期工作:当应用程序进入后台时,"change"事件将触发,再次返回到前台时,事件将触发。AppStateAPI似乎不火"change"的iOS设备上的所有事件,如发生反应原住民v0.18,据我可以告诉。该项目的约定建议AppState应该是的跨平台包装器AppStateIOS,但在这里似乎并非如此。

下面的示例应演示该问题:

React.createClass({

  componentDidMount() {
    AppStateIOS.addEventListener('change', state =>
      console.log('AppStateIOS changed to', state)
    )

    AppState.addEventListener('change', state =>
      console.log('AppState changed to', state)
    )
  },

  render() {
    return <View/>
  }

})

当将此组件安装到React Native应用程序中时,关闭和打开应用程序时,您会看到“ AppStateIOS更改为...”。据我所知,永远不会看到“ AppState更改为...”。

更新

看来这是最近在React Native中修复的(自v26起)。您现在可以使用AppState在iOS和Android上宣传的广告。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

检测其他应用程序何时打开或启动

来自分类Dev

如何从我的应用程序打开ios Native Dialer应用程序

来自分类Dev

检测何时打开/恢复应用

来自分类Dev

检测用户何时在应用程序中打开文件

来自分类Dev

如何在React Native应用程序中创建“为该应用程序评分”链接?

来自分类Dev

从“最近的应用程序”中检测应用程序何时刚刚启动或打开

来自分类Dev

将本机iOS应用程序的数据迁移到React Native应用程序的异步存储

来自分类Dev

如何在React Native上的Kill应用程序中检测到一个应用程序?

来自分类Dev

React Native深度链接应用程序未打开

来自分类Dev

macOS:如何检测何时打开了应用程序的查找程序图标?

来自分类Dev

如何在React Native Expo中使用图库应用程序打开下载的照片?

来自分类Dev

如何在React Native Android中打开应用程序设置页面?

来自分类Dev

如何在React Native iOS应用程序中更新应用程序版本?

来自分类Dev

React Native:当应用程序在后台时的应用程序内消息

来自分类Dev

如何从后台检测swift应用程序何时为前台?

来自分类Dev

用Kotlin编写的Android Native应用程序和React Native应用程序

来自分类Dev

React Native-如果已安装应用程序Y,如何打开应用程序X

来自分类Dev

从“最近的应用程序”中检测应用程序何时刚刚启动或打开

来自分类Dev

如何检测android应用程序何时升级?

来自分类Dev

React Native 应用程序的 UI 测试

来自分类Dev

检测何时在 React Native 应用程序中启动其他应用程序

来自分类Dev

如何正确启动分离的 React Native 应用程序

来自分类Dev

[React Native][IOS] 如何在通知打开应用程序时捕获事件

来自分类Dev

React Native 应用程序部署

来自分类Dev

Java检测应用程序何时关闭

来自分类Dev

如何在整个应用程序中打开 React Native 的 XMPP 连接(使用 xmpp.js)?

来自分类Dev

react-native-navigation:如何检测用户何时在特定屏幕中杀死应用程序?

来自分类Dev

在 React Native 应用程序之上打开 webview

来自分类Dev

React Native android 应用程序在应用程序商店上传时引发网络错误

Related 相关文章

  1. 1

    检测其他应用程序何时打开或启动

  2. 2

    如何从我的应用程序打开ios Native Dialer应用程序

  3. 3

    检测何时打开/恢复应用

  4. 4

    检测用户何时在应用程序中打开文件

  5. 5

    如何在React Native应用程序中创建“为该应用程序评分”链接?

  6. 6

    从“最近的应用程序”中检测应用程序何时刚刚启动或打开

  7. 7

    将本机iOS应用程序的数据迁移到React Native应用程序的异步存储

  8. 8

    如何在React Native上的Kill应用程序中检测到一个应用程序?

  9. 9

    React Native深度链接应用程序未打开

  10. 10

    macOS:如何检测何时打开了应用程序的查找程序图标?

  11. 11

    如何在React Native Expo中使用图库应用程序打开下载的照片?

  12. 12

    如何在React Native Android中打开应用程序设置页面?

  13. 13

    如何在React Native iOS应用程序中更新应用程序版本?

  14. 14

    React Native:当应用程序在后台时的应用程序内消息

  15. 15

    如何从后台检测swift应用程序何时为前台?

  16. 16

    用Kotlin编写的Android Native应用程序和React Native应用程序

  17. 17

    React Native-如果已安装应用程序Y,如何打开应用程序X

  18. 18

    从“最近的应用程序”中检测应用程序何时刚刚启动或打开

  19. 19

    如何检测android应用程序何时升级?

  20. 20

    React Native 应用程序的 UI 测试

  21. 21

    检测何时在 React Native 应用程序中启动其他应用程序

  22. 22

    如何正确启动分离的 React Native 应用程序

  23. 23

    [React Native][IOS] 如何在通知打开应用程序时捕获事件

  24. 24

    React Native 应用程序部署

  25. 25

    Java检测应用程序何时关闭

  26. 26

    如何在整个应用程序中打开 React Native 的 XMPP 连接(使用 xmpp.js)?

  27. 27

    react-native-navigation:如何检测用户何时在特定屏幕中杀死应用程序?

  28. 28

    在 React Native 应用程序之上打开 webview

  29. 29

    React Native android 应用程序在应用程序商店上传时引发网络错误

热门标签

归档