React-native 检测更新

React-native 检测更新

    • 下载组件
    • 修改包名
    • 添加权限以及service组件
    • 使用
    • 完成!

下载组件

下载 react-native-app-upgrade 并解压,得到rnupgrade文件夹,放入项目 android\app\src\main\java\com\包名 下 React-native 检测更新_第1张图片
React-native 检测更新_第2张图片

修改包名

修改rnupgrade下面所有文件的包名
React-native 检测更新_第3张图片
包括R文件
React-native 检测更新_第4张图片
注意: 不同的sdk版本 Build.VERSION_CODES 的值也不一样
原本是Build.VERSION_CODES.Q 版本问题 我改为了 Build.VERSION_CODES.P
也可升级sdk版本
React-native 检测更新_第5张图片

添加权限以及service组件

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
// 注意路径别配错了
<service
        android:name="com.rnapp.rnupgrade.DownloadService"
        android:exported="true"/>

React-native 检测更新_第6张图片
接着在android/app/src/main/res/values/strings.xml文件下添加

<string name="android_auto_update_download_progress">正在下载:%1$d%%</string>

使用

到需要添加检测版本更新的代码页面下,先导入NativeModules,DeviceEventEmitter模块
React-native 检测更新_第7张图片
在这里插入图片描述React-native 检测更新_第8张图片

完成!

你可能感兴趣的:(React-native,检测更新)