前些日子在做后台下载时踩了后台运行这个大坑,RN官网文档上面在安卓上提供了Headless JS方法,iOS上暂时没有提供后台运行的方法,不过众所周知,官网上面的文档实在是... 于是在全网一通好搜,终于让我发现了一个将Headless JS封装好了的第三方组件:
下面介绍使用方法:
安装
yarn add react-native-background-job
或者
npm install react-native-background-job --save
然后运行:
react-native link react-native-background-job
使用
1. 需在你所需要后台运行的组件内部--类的上方注册后台下载事件
import BackgroundJob from 'react-native-background-job';
//当在安卓下时,开启后台模式,注册后台事件 if(Platform.OS === 'android'){ const backgroundJob = { jobKey: "backgroundDownloadTask", job: () => {} };
BackgroundJob.register(backgroundJob); }
下面才开始是你的类的代码,注册后台事件一定要在类之前:
class BackgroundTask extends PureComponent {}
2. 注册的后台运行事件是全局的,你可以在任何文件的任何地方启动后台运行,不过在其他页面启动后台运行事件需要在其页面导入BackgroundJob:
import BackgroundJob from 'react-native-background-job';
启动后台运行:
BackgroundJob.schedule({ jobKey: "backgroundDownloadTask",//后台运行任务的key period: 500, //任务执行周期 exact: true, //安排一个作业在提供的时间段内准确执行 allowWhileIdle: true, //允许计划作业在睡眠模式下执行 allowExecutionInForeground: true,//允许任务在前台执行 });具体属性请移步 react-native-background-job