Як я можу запускати фонові завдання в React Native?

Я створив невеликий додаток для iOS у React Native, який здійснює відстеження місцезнаходження, регулярно надсилаючи lat / lng на сервер за вибором користувача. Однак це працює лише тоді, коли програма стоїть на передньому плані. Як запустити це завдання у фоновому режимі, коли користувач перебуває в інших програмах?

В даний час, на жаль, немає підтримки будь-яких фонових завдань. Функцією, на яку ви посилаєтесь, буде фоновий таймер. Таким таймером є проблема цього продукту (запит на функцію) для рідної реакції, ви можете підтримати його, щоб показати підвищений попит на цю функцію.

EDIT 12/2016: Досі немає реального варіанту. У вас є Headless JS API з RN 0,33, але він призначений лише для Android. Також ваш додаток зазнає аварії, якщо це працює на передньому плані, тому вам слід бути обережним щодо його використання. Дякую @Feng за те, що це вказав.

І тепер є реакція-рідне-фонове завдання, яке є єдиним API як для Android, так і для iOS.

Протягом останніх кількох місяців екосистема React Native рухалася шаленими темпами, і з’явилося кілька плагінів, щоб усунути біль від неможливості запускати код у фоновому режимі.

https://github.com/transistorsoft/react-native-background-fetch - періодично прокидайтеся протягом 30 секунд, щоб запустити якийсь довільний код JS. Не підходить для геолокації з високою роздільною здатністю, оскільки час між пробудженнями становитиме 15 хв і більше.

https://github.com/transistorsoft/react-native-background-geolocation - кращий варіант для цієї ситуації, орієнтований конкретно на геолокацію у фоновому режимі.

Ці бібліотеки можуть допомогти вам досягти бажаної функціональності:

1. реакція-рідна-фонова-робота
2. реакція-рідне-фонове завдання
3. реагувати-рідний-фон-вибір

В якості альтернативи ви можете використовувати Headless JS від реагувати-native. Але це доступно лише для Android.

Я використовую це, і, здається, це працює: https://github.com/ocetnik/react-native-background-timer

Випускати подію періодично (навіть коли програма знаходиться у фоновому режимі).

Ви можете використовувати функції setInterval та setTimeout. Цей API ідентичний API рідного реагування і може бути використаний для швидкої заміни існуючих таймерів на фонові таймери.

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);