问题标签 [react-native-community-netinfo]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
236 浏览

node.js - 应用程序在 AsyncStorage 和/或 NetInfo 导入时崩溃

环境

React Native CLI 0.63.2
Windows 10 x64 位
节点 v14.4.0
包(package.json):

问题

每当我导入 @react-native-community/netinfo 或 @react-native-community/async-storage 时,它​​似乎在 Android Emulator 上运行良好。但是,如果我在我的 iPhone 11 设备上对其进行实时测试,它几乎会立即崩溃。为了重现该问题,我所要做的只是导入包并在 iOS 设备上运行它。

由于我没有 MacOS,我目前无法调试 iOS 设备。这是一个已知的错误还是有解决方案?

这两个包都来自 React Native 社区,也许那里有一个模式。也许这些软件包正在影响其他导致崩溃的软件包。

0 投票
3 回答
1751 浏览

reactjs - 编写单元测试以检查应用程序是否在 react-native 中处于脱机状态

如果应用程序处于脱机状态,我有以下组件会在应用程序上显示文本。

我想为此编写一个单元测试以检查它是否正常工作。我怎样才能做到这一点?我是单元测试的新手。我不明白如何嘲笑这个。

我使用 typescript 和 testing-library/react-native。

更新: 为什么第一次测试失败了?它不应该为空。但它失败了。错误是,

0 投票
2 回答
386 浏览

react-native - 在 React Native 中根据 Internet 连接状态显示按钮?

我对 React Native 还是有点陌生​​。我正在尝试检测用户的 Internet 连接状态并根据结果显示一个按钮。如果未检测到 Internet 连接,我想退出应用程序。我的完整代码如下。

问题是,虽然“NetInfo”似乎可以正常工作以确定 Internet 连接状态,但似乎我无法将该信息传输到变量(“_connection”)。该变量用于确定要显示的按钮。“_connection”似乎无法识别。

此外,我相信我需要导入“BackHandler”模块来编写代码,以允许用户在按下正确的按钮后退出应用程序,但是我还没有编写该部分,因为我的代码由于无法识别的变量而崩溃。非常感谢任何建议。问候。

在其他人的一些输入和一些研究之后,我的代码如下,它看起来像这里写的那样有效:

0 投票
2 回答
384 浏览

react-native - android中的NetInfo崩溃

我正在使用 NetInfo 来获取连接,但某些设备 android 会因此而崩溃

日志:

在我的代码中:

分析模块.js

更多信息:@react-native-community/netinfo:^5.9.9 react-native:0.61.5

0 投票
0 回答
258 浏览

react-native - 如何使用最新版本的@react-native-community/netinfo 设置事件监听器?

我一直在尝试使用最新版本的 @react-native-community/netinfo 和 redux-saga 设置一个事件监听器来获取连接更改,但我无法让它工作。你可以帮帮我吗?

此代码用于在以前的版本中工作:

现在我有了这个:

问候,

埃里克

0 投票
1 回答
221 浏览

react-native - 处理程序不是使用来自 redux-saga 的 eventChannel 的函数

我正在尝试使用来自 redux saga 的 eventChannel 来监听网络状态,如下所示:

但我收到以下错误TypeError: handler is not a function inconst isConnected = yield take(channel);

我从这里有了这个想法

0 投票
1 回答
166 浏览

react-native - React-native 离线包无法正常工作

react-native 离线包在持续的互联网连接变化时无法正常工作。我的问题是, https://github.com/rgommezz/react-native-offline/issues/300

更新有延迟,有遇到这个问题的请回复。

0 投票
2 回答
317 浏览

react-native - 将数据从异步存储推送到 React Native 中的数组对象时不显示项目?

我正在 React Native Expo 中创建一个应用程序并尝试使用 asyncstorage 显示数据。唯一显示的数据是我在var temp中声明的静态数组,但是当我在 var temp 中推送接收到的项目时,它没有显示。我尝试使用 console.log(temp) 检查它是否将数据附加到temp variable。数据正在附加但未显示。谁能告诉我这里哪里出错了

从异步存储接收数据

显示数据

在 AsyncStorage 中存储数据

静态数组

存储在 asyncstorage 中的 userData

0 投票
0 回答
51 浏览

react-native - 如何在本机反应中使用 setTimeout?

嗨,我正在做一个反应原生项目,我需要离线支持我的应用程序。我使用了世博会文档中的 NetInfo 库。
像下面

我想在我的代码的这一步等待一段时间,因为这个钩子总是第一次返回 null 然后在几毫秒后它会告诉真实的网络状态。但是这段代码并没有像我试图做的那样工作。有什么办法可以做到这一点?我只想稍等片刻以获得真正的网络连接,然后进一步使用我的代码。

netInfo 挂钩的日志。 在此处输入图像描述

0 投票
2 回答
489 浏览

javascript - 订阅和取消订阅 React Native Netinfo 的正确方法

根据此处的文档订阅和取消订阅 Netinfo 侦听器 - https://github.com/react-native-netinfo/react-native-netinfo

我在一个通用文件中定义了监听器方法并导出它

然后在一个 React 组件中

如果我想将侦听器设置为可以在任何地方设置的可导出方法,这是设置 Netinfo 侦听器的正确方法吗(尽管按照逻辑,它应该只在应用程序的主文件上设置,但只是为了提问) ?

我不确定listener第一次调用如何订阅 Netinfo 监听器,再次调用它会取消订阅它。