Headless support for Android

[Angelk90]

Feature Description

Add support on Android to allow background processes to run that can respond to events and updates even when the app interface is not active.

import { AppRegistry } from 'react-native';
import { updateAndroidWidget } from '@use-voltra/android-client';
import CardWidget from './CardWidget';

const BackgroundTask = async (data) => {
  try {
    const response = await fetch(
      'https://api.com/...'
    );

    if (!response.ok) {
      throw new Error(`HTTP ${response.status}`);
    }

    const results = await response.json();

    console.log('Results:', results);

    await updateAndroidWidget('card_widget', [
      {
        size: { width: 300, height: 200 },
        content: <CardWidget json={results} />,
      },
    ]);

    console.log('Widget update');
  } catch (error) {
    console.error('Error task headless:', error);
  }
};

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

Problem Statement

Improving the user experience by automatically performing tasks in the background, without requiring the app to be opened.

Proposed Solution

No response

Alternatives Considered

No response

Current Library Version

1.4.1

Implementation

• I would be willing to submit a pull request for this feature

Additional Context

No response

[V3RON]

Hey!
Is the code snippet you provided causing a crash, or is Voltra throwing any kind of exception?

The example app includes a background task on Android for handling updates to remote ongoing notifications. See:
https://github.com/callstackincubator/voltra/blob/main/example/notifications/registerBackgroundNotifications.ts

[Angelk90]

@V3RON :
It doesn't seem to cause any problems, but it never runs because there's currently no way, or I don't know how, to call BackgroundTask using registerHeadlessTask.

The idea is to put it in the main index.js file, which contains the following code:

import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';

AppRegistry.registerComponent(appName, () => App);