index.android.js

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from "react";
import {
  AppRegistry,
  TouchableHighlight,
  StyleSheet,
  Text,
  View
} from "react-native";

import BackgroundJob from "react-native-background-job";

const myJobKey = "Hej";

BackgroundJob.register({
  jobKey: myJobKey,
  job: () => console.log("Background Job fired!")
});

export default class backtest extends Component {
  constructor(props) {
    super(props);
    this.state = { jobs: [] };
  }

  getAll() {
    BackgroundJob.getAll({
      callback: jobs => {
        this.setState({ jobs });
        console.log("Jobs:", jobs);
      }
    });
  }

  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          Testing BackgroundJob
        </Text>
        <Text style={styles.instructions}>
          Try connecting the device to the developer console, schedule an event and then quit the app.
        </Text>
        <Text>
          Scheduled jobs:
          {this.state.jobs.map(({ jobKey }) => jobKey)}
        </Text>
        <TouchableHighlight
          style={styles.button}
          onPress={() => {
            BackgroundJob.schedule({
              jobKey: myJobKey,
              period: 5000,
              timeout: 5000,
              networkType: BackgroundJob.NETWORK_TYPE_UNMETERED
            });
            this.getAll();
          }}
        >
          <Text>Schedule</Text>
        </TouchableHighlight>
        <TouchableHighlight
          style={styles.button}
          onPress={() => {
            BackgroundJob.cancel({ jobKey: myJobKey });
            this.getAll();
          }}
        >
          <Text>Cancel</Text>
        </TouchableHighlight>
        <TouchableHighlight
          style={styles.button}
          onPress={() => {
            BackgroundJob.cancelAll();
            this.getAll();
          }}
        >
          <Text>CancelAll</Text>
        </TouchableHighlight>
        <TouchableHighlight
          style={styles.button}
          onPress={() => {
            BackgroundJob.getAll({ callback: console.log });
          }}
        >
          <Text>GetAll</Text>
        </TouchableHighlight>
      </View>
    );
  }
  componentDidMount() {
    this.getAll();
  }
}

const styles = StyleSheet.create({
  button: { padding: 20, backgroundColor: "#ccc", marginBottom: 10 },
  container: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center",
    backgroundColor: "#F5FCFF"
  },
  welcome: { fontSize: 20, textAlign: "center", margin: 10 },
  instructions: { textAlign: "center", color: "#333333", marginBottom: 5 }
});

AppRegistry.registerComponent("backtest", () => backtest);