如何在React Native - Android中运行前台和后台代码？

Question

我正在为侦听消息（即使在后台）执行任务并在UI上显示它。

我已经完成了实时收听消息。但如果应用程序处于后台，则在该时间内不会收到消息。

我要求任何想法，帮助。

我搜索HeadlessJS，react-native-background-task但不适合我。

实际上，我想在背景和前景中运行这个应用程序。

谢谢你的进步。

这是我的代码，直到现在

index.android.js

//Import libraries
import React, { Component } from 'react';
import {
  AppRegistry,
  Text
} from 'react-native';
import SmsListener from 'react-native-android-sms-listener';

//Main component
export default class Main extends Component {
  state = {
    lastMessage: ''
  }

  //Receive messages
  listen = SmsListener.addListener(message => {
    this.setState({ lastMessage: message.body });
    console.log('message');
  })

  //render UI
  render() {
    return (
      <Text> Message is: {this.state.lastMessage} </Text>
    );
  }
}

//Register component
AppRegistry.registerComponent('ReadMessageApp', () => Main);