ThrowJojo

npm install --save-dev babel-plugin-transform-decorators-legacy

ThrowJojo

{
  "presets": [
    "react-native"
  ],
  "plugins": [
    "transform-decorators-legacy"
  ]
}

ThrowJojo

// @flow

import { observable, action } from "mobx";

export default class CounterStore {
  @observable count = 0;

  @action increase() {
    this.count += 1;
  }

ThrowJojo

// @flow

import React, { Component } from "react";
import { View, Text, StyleSheet } from "react-native";
import { observer, inject } from "mobx-react";

@inject("counterStore")
@observer
export default class Counter extends Component {
  render() {

ThrowJojo

// @flow

import React, { Component } from "react";
import { Text, View, Button, StyleSheet } from "react-native";
import CounterStore from "./stores/CounterStore";
import Counter from "./components/Counter";
import { Provider, inject } from "mobx-react";

const counterStore = new CounterStore();

ThrowJojo

// @flow

import App from "./App";
import { AppRegistry } from "react-native";

AppRegistry.registerComponent("MobXExample", () => App);

ThrowJojo

console.ignoredYellowBox = ['Remote debugger is in a background'];

ThrowJojo

package com.aproject

import android.app.Activity
import android.content.Intent
import android.os.Bundle
import android.os.PersistableBundle
import android.view.WindowManager

import com.facebook.react.ReactActivity
import com.facebook.react.ReactActivityDelegate

ThrowJojo

inner class MainActivityDelegate(val activity: Activity, val mainComponentName: String): ReactActivityDelegate(activity, mainComponentName) {

        override fun onCreate(savedInstanceState: Bundle?) {
            super.onCreate(savedInstanceState)
            // Do what you need to do
        }

        override fun onNewIntent(intent: Intent?): Boolean {
            // Do what you need to do
            return super.onNewIntent(intent)

ThrowJojo

override fun createReactActivityDelegate(): ReactActivityDelegate {
  return MainActivityDelegate(this, mainComponentName!!)
}