集成步骤

在这里插入图片描述

在这里插入图片描述

b) 命令行创建React Native工程（RemoteConfig为创建的工程目录名）
npx react-native init RemoteConfig

在这里插入图片描述

c) 在React Native项目中添加配置文件
将配置文件“agconnect-services.json”添加到React Native项目的android/app目录下

在这里插入图片描述

d) 配置Maven仓地址和AGC插件地址。

打开React Native项目android目录下的build.gradle文件。
在allprojects ->repositories里面配置maven仓地址。
在buildscript->repositories中配置maven仓地址。
在buildscript->dependencies中配置AppGallery Connect插件地址。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

然后调用npm install方法安装这些插件，也可以用yarn
npm install

在这里插入图片描述

在这里插入图片描述

b) 获取云端数据/获取上次获取的云端数据
与android相同，通过fetch接口获取云端的配置，接口后的参数为获取云端参数的间隔

在这里插入图片描述

同样的，如果想获取上次拉取的数据则通过applyLastFetch方法：

在这里插入图片描述

c) 将云端数据与本地数据合并
与Android相同，调用getMergedAll完成合并

在这里插入图片描述

d) 清除数据
直接调用clearAll接口清除之前拉取的数据的缓存

在这里插入图片描述

e) 拉取云端某key值对应的数据
调用getValue接口直接获取云端相关数据

在这里插入图片描述

f) 打包
在项目根目录下使用命令yarn android可以直接打出android的包：

在这里插入图片描述

g) 结果展示
当我们获取到值以后可以看到云端的值和本地配置的值都可以正确的获取到：

在这里插入图片描述

原作者：Mayism