Làm cách nào để chạy các tác vụ nền trong React Native?

Tôi đã xây dựng một ứng dụng iOS nhỏ trong React Native có chức năng theo dõi vị trí, gửi lat / lng thường xuyên tới máy chủ do người dùng lựa chọn. Tuy nhiên, điều này chỉ hoạt động khi ứng dụng ở nền trước. Làm cách nào tôi có thể chạy tác vụ này trong nền khi người dùng đang ở trong các ứng dụng khác?

Hiện tại, rất tiếc, không có hỗ trợ cho các tác vụ nền thuộc bất kỳ loại nào. Tính năng bạn đang đề cập đến sẽ là bộ đếm thời gian chạy nền. Bộ đếm thời gian như vậy là nỗi đau của sản phẩm này (một yêu cầu tính năng) cho phản ứng gốc, bạn có thể ủng hộ nó để cho thấy nhu cầu ngày càng tăng đối với tính năng này.

EDIT 12/2016: Vẫn không có tùy chọn thực sự. Bạn có API Headless JS kể từ RN 0.33, nhưng nó chỉ dành cho Android. Ngoài ra, ứng dụng của bạn sẽ gặp sự cố nếu điều này chạy ở phía trước, vì vậy bạn phải cẩn thận khi sử dụng nó. Cảm ơn @Feng đã chỉ ra điều đó.

Và bây giờ có react-native-background-task là một API duy nhất cho cả Android và iOS.

Hệ sinh thái React Native đã phát triển với tốc độ chóng mặt trong vài tháng qua và một số plugin đã xuất hiện để giải quyết vấn đề không thể chạy mã trong nền.

https://github.com/transistorsoft/react-native-background-fetch - Định kỳ thức dậy trong 30 giây để chạy một số mã JS tùy ý. Không phù hợp với định vị địa lý có độ phân giải cao, vì thời gian giữa các lần thức dậy sẽ là 15 phút hoặc hơn.

https://github.com/transistorsoft/react-native-background-geolocation - Phù hợp hơn với tình huống này, nhắm mục tiêu cụ thể vào vị trí địa lý trong nền.

Các thư viện này có thể giúp bạn đạt được chức năng mong muốn của mình:

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

Ngoài ra, bạn có thể sử dụng Headless JS từ react-native. Nhưng nó chỉ có sẵn cho Android.

Tôi sử dụng cái này và nó có vẻ hoạt động: https://github.com/ocetnik/react-native-background-timer

Phát ra sự kiện theo định kỳ (ngay cả khi ứng dụng ở chế độ nền).

Bạn có thể sử dụng các hàm setInterval và setTimeout. API này giống với API phản ứng gốc và có thể được sử dụng để nhanh chóng thay thế các bộ định thời hiện có bằng bộ định thời nền.

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