当我使用react-native init (RN版本0.29.1)创建一个全新的项目，并在渲染方法中获取公共facebook演示电影API时，它抛出了一个网络请求失败。有一个非常无用的堆栈跟踪，我不能调试网络请求在chrome控制台。这是我发送的fetch:
fetch('http://facebook.github.io/react-native/movies.json')
.then((response) => response.json())
.then((responseJson) => {
return responseJson.movies;
})
.catch((error) => {
console.error(error);
});
当前回答
在我的例子中，Android模拟器没有连接到Wi-Fi。
看到这里安卓工作室-安卓模拟器Wifi连接没有互联网
其他回答
如果你在REST api中使用docker，我的一个工作案例是将主机名:http://demo.test/api替换为机器ip地址:http://x.x.x.x/api。你可以通过检查你的无线网络的ipv4来获取IP。你的手机也应该有wifi。
“依赖”:{“反应”:“17.0.2”、“react-native”:“0.66.1”}, 我在使用Android模拟器时遇到了这个问题。
将这些代码行添加到AndroidManifest.xml中 <应用程序 ．... ．... android: usesCleartextTraffic = " true " > 然后，试着在一个真正的物理设备上运行你的代码，而不是模拟器， 要在物理设备上运行，请连接usb并尝试运行NPX react-native run-android
只是你有Fetch....的变化
fetch('http://facebook.github.io/react-native/movies.json')
.then((response) => response.json())
.then((responseJson) => {
/*return responseJson.movies; */
alert("result:"+JSON.stringify(responseJson))
this.setState({
dataSource:this.state.dataSource.cloneWithRows(responseJson)
})
}).catch((error) => {
console.error(error);
});
对于Android，你可能错过了在AndroidManifest.xml中添加权限 需要添加以下权限。
<uses-permission android:name="android.permission.INTERNET" />
对于android，在AndroidManifest.xml的应用程序标签中添加android:networkSecurityConfig="@xml/network_security_config"，如下所示:
<?xml version="1.0" encoding="utf-8"?>
<manifest ... >
<application android:networkSecurityConfig="@xml/network_security_config"
... >
...
</application>
</manifest>
Network_security_config.xml文件内容:
<?xml version='1.0' encoding='utf-8'?>
<network-security-config>
<debug-overrides>
<trust-anchors>
<!-- Trust user added CAs while debuggable only -->
<certificates src="user" />
</trust-anchors>
</debug-overrides>
<!-- let application to use http request -->
<base-config cleartextTrafficPermitted="true" />
</network-security-config>
