如何在响应原生android应用程序中实现Headless JS？ [英] How to implement Headless JS in react native android application?

问题描述

我需要在我的React Native Android应用程序中实现Headless JS，但我遇到了以下问题：

这是我的代码：

index.android.js：

import React, { Component } from 'react';
import {AppRegistry} from 'react-native';
import SomeTaskName from './SomeTaskName'
AppRegistry.registerComponent('SomeTaskName', () => SomeTaskName);

SomeTaskName.js

module.exports = async (taskData) => {
   alert('test');
}

MyTaskService.java

import android.content.Intent;
import android.os.Bundle;
import com.facebook.react.HeadlessJsTaskService;
import com.facebook.react.bridge.Arguments;
import com.facebook.react.jstasks.HeadlessJsTaskConfig;
public class MyTaskService extends HeadlessJsTaskService {
   @Override
   protected HeadlessJsTaskConfig getTaskConfig(Intent intent) {
   Bundle extras = intent.getExtras();
     if (extras != null) {
        return new HeadlessJsTaskConfig(
          "MyTaskService",
          Arguments.fromBundle(extras),
         5000);
     }
     return null;
  }
}

并在 AndroidManifest.xml中添加服务

<service android:name=".MyTaskService" android:enabled="true" android:label="MyTaskService" />

请帮助解决此问题。

推荐答案

你必须注册无头任务。因此，请替换以下代码：

You have to register a headless task. So replace the following code:

AppRegistry.registerComponent('SomeTaskName', () => SomeTaskName);

with：

AppRegistry.registerHeadlessTask('SomeTaskName', () => SomeTaskName);

您需要从服务中调用该任务，因此请替换：

And you need to call the task from your service, so replace:

if (extras != null) {
    return new HeadlessJsTaskConfig(
      "MyTaskService",
      Arguments.fromBundle(extras),
     5000);
 }
 return null;

with：

// Following line just to be sure it does not silently fail
WritableMap data = extras != null ? Arguments.fromBundle(extras) : null;
return new HeadlessJsTaskConfig(
    "SomeTaskName", // Use the registered headless Task here
    data,
    5000);

这篇关于如何在响应原生android应用程序中实现Headless JS？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！