如何在 React Native 中运行后台任务？

Question

我在 React Native 中构建了一个 little iOS app 来进行位置跟踪，定期将 lat/lng 发送到用户选择的服务器。但是，这仅在应用程序处于前台时才有效。当用户在其他应用中时，如何在后台运行此任务？

Answer 1

不幸的是，目前不支持任何类型的后台任务。您所指的功能是后台计时器。这样的计时器是 this product pain (a feature request) 用于反应原生，你可以投票它以表明对该功能的需求增加。

编辑 12/2016： 仍然没有真正的选择。从 RN 0.33 开始，您就有了 Headless JS API，但它仅适用于 android。如果它在前台运行，您的应用程序也会崩溃，因此您必须小心使用它。感谢@Feng 指出这一点。

Answer 2

现在有了react-native-background-task，它是适用于 Android 和 iOS 的单一 API。

Answer 3

我用这个，它似乎工作：https://github.com/ocetnik/react-native-background-timer

定期发出事件（即使应用在后台）。

您可以使用 setInterval 和 setTimeout 函数。此 API 与 react-native 相同，可用于快速将现有定时器替换为后台定时器。

import BackgroundTimer from 'react-native-background-timer';

// Start a timer that runs continuous after X milliseconds
const intervalId = BackgroundTimer.setInterval(() => {
    // this will be executed every 200 ms
    // even when app is the background
    console.log('tic');
}, 200);

// Cancel the timer when you are done with it
BackgroundTimer.clearInterval(intervalId);

// Start a timer that runs once after X milliseconds
const timeoutId = BackgroundTimer.setTimeout(() => {
    // this will be executed once after 10 seconds
    // even when app is the background
    console.log('tac');
}, 10000);

// Cancel the timeout if necessary
BackgroundTimer.clearTimeout(timeoutId);

Answer 4

在过去的几个月里，React Native 生态系统一直在以惊人的速度发展，并且出现了一些插件来解决无法在后台运行代码的痛苦。

https://github.com/transistorsoft/react-native-background-fetch -- 定期唤醒 30 秒以运行一些任意 JS 代码。不适合高分辨率地理定位，因为两次唤醒之间的时间为 15 分钟或更长时间。

https://github.com/transistorsoft/react-native-background-geolocation -- 更适合这种情况，专门针对后台地理定位。

Answer 5

这些库可以帮助您实现所需的功能：

1. react-native-background-job
2. react-native-background-task
3. react-native-background-fetch

或者，您可以使用 react-native 中的 Headless JS。但它仅适用于 Android。

Answer 6

在android中使用无尽的任务管理系统您可以在后台剧院运行任务，应用程序在后台或应用程序处于终止模式。

您可以使用本机桥接器来执行此操作，也可以使用包 Example Explaned here:

React-native 包做同样的 WithOut 桥接react-native-endless-background-service-without-notification

Answer 7

我们解决了这个问题，我在 Android 和 iOS 中编写了我们自己的模块并使用事件通知前端