enzoz · May 11, 2020 19:43
diff --git a/01-packing-react-native-into-android-archive.md b/01-packing-react-native-into-android-archive.md
diff --git a/App.js b/App.js
 /**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow strict-local
 */

 import React, {
  useState
 } from 'react';

 import {
  SafeAreaView,
  StyleSheet,
  ScrollView,
  View,
  Text,
  Button,
 } from 'react-native';

 import {
  Colors,
 } from 'react-native/Libraries/NewAppScreen';

 const App: () => React$Node = () => {
  const [count, setCount] = useState(0)

  const increaseByOne = () => setCount(count+1)

  return (
    <>
      <SafeAreaView>
        <ScrollView
          contentInsetAdjustmentBehavior="automatic">
          <View style={styles.container}>
            <Text style={styles.counter}>Counting: {count}</Text>
          </View>
          <View style={styles.container}>
            <Button onPress={increaseByOne} style={styles.sectionButton} title="Increase one" />
          </View>
        </ScrollView>
      </SafeAreaView>
    </>
  );
 };

 const styles = StyleSheet.create({
  scrollView: {
    backgroundColor: Colors.lighter,
  },
  counter: {
    fontSize: 24,
    fontWeight: '600',
    color: Colors.black,
  },
  container: {
    marginTop: 30,
    marginLeft: 20,
    paddingHorizontal: 24,
  },
 });

 export default App;
diff --git a/BaseReactNativeActivity.kt b/BaseReactNativeActivity.kt
 package com.example.usingrnlibrary

 import android.annotation.TargetApi
 import android.content.Intent
 import android.os.Build
 import android.os.Bundle
 import android.view.KeyEvent
 import androidx.appcompat.app.AppCompatActivity
 import com.facebook.react.ReactInstanceManager
 import com.facebook.react.ReactPackage
 import com.facebook.react.ReactRootView
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler
 import com.facebook.react.modules.core.PermissionAwareActivity
 import com.facebook.react.modules.core.PermissionListener

 abstract class BaseReactNativeActivity : AppCompatActivity(), DefaultHardwareBackBtnHandler,
    PermissionAwareActivity {
    @JvmField
    protected var mReactRootView: ReactRootView? = null

    @JvmField
    protected var mReactInstanceManager: ReactInstanceManager? = null

    @JvmField
    protected var reactPackage: ReactPackage? = null

    @JvmField
    protected var permissionListener: PermissionListener? = null

    @JvmField
    protected var initialProperties = Bundle()

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        try {
            initialProperties.putString("env", BuildConfig.FLAVOR)
            mReactRootView = ReactRootView(this)
        } catch (e: Exception) {
            println("An error occurred while starting React Native")
        }
    }

    override fun invokeDefaultOnBackPressed() {
        super.onBackPressed()
    }

    override fun onPause() {
        super.onPause()
        mReactInstanceManager?.onHostPause(this)
    }

    override fun onResume() {
        super.onResume()
        mReactInstanceManager?.onHostResume(this, this)
    }

    override fun onDestroy() {
        super.onDestroy()
        mReactInstanceManager?.onHostDestroy(this)
    }

    override fun onBackPressed() {
        if (mReactInstanceManager != null) {
            mReactInstanceManager?.onBackPressed()
        } else {
            super.onBackPressed()
        }
    }

    override fun onKeyUp(keyCode: Int, event: KeyEvent): Boolean {
        if (keyCode == KeyEvent.KEYCODE_MENU && mReactInstanceManager != null) {
            mReactInstanceManager!!.showDevOptionsDialog()
            return true
        }
        return super.onKeyUp(keyCode, event)
    }

    @TargetApi(Build.VERSION_CODES.M)
    override fun requestPermissions(permissions: Array<String>, requestCode: Int, listener: PermissionListener) {
        permissionListener = listener
        requestPermissions(permissions, requestCode)
    }

    override fun onRequestPermissionsResult(requestCode: Int, permissions: Array<String>, grantResults: IntArray) {
        if (permissionListener != null) {
            permissionListener!!.onRequestPermissionsResult(requestCode, permissions, grantResults)
        }
    }

    public override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
        super.onActivityResult(requestCode, resultCode, data)
    }

 }
diff --git a/build.gradle b/build.gradle
 apply plugin: "com.android.library"

 /**
 * Set this to true to create two separate APKs instead of one:
 *   - An APK that only works on ARM devices
 *   - An APK that only works on x86 devices
 * The advantage is the size of the APK is reduced by about 4MB.
 * Upload all the APKs to the Play Store and people will download
 * the correct one based on the CPU architecture of their device.
 */
 def enableSeparateBuildPerCPUArchitecture = false

 /**
 * Run Proguard to shrink the Java bytecode in release builds.
 */
 def enableProguardInReleaseBuilds = false

 android {
    compileSdkVersion rootProject.ext.compileSdkVersion

    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }

    defaultConfig {
        minSdkVersion rootProject.ext.minSdkVersion
        targetSdkVersion rootProject.ext.targetSdkVersion
        versionCode 1
        versionName "1.0"
    }
    splits {
        abi {
            reset()
            enable enableSeparateBuildPerCPUArchitecture
            universalApk false  // If true, also generate a universal APK
            include "armeabi-v7a", "x86", "arm64-v8a", "x86_64"
        }
    }
    signingConfigs {
        debug {
            storeFile file('debug.keystore')
            storePassword 'android'
            keyAlias 'androiddebugkey'
            keyPassword 'android'
        }
    }
    buildTypes {
        debug {
            signingConfig signingConfigs.debug
        }
        release {
            // Caution! In production, you need to generate your own keystore file.
            // see https://facebook.github.io/react-native/docs/signed-apk-android.
            signingConfig signingConfigs.debug
            minifyEnabled enableProguardInReleaseBuilds
            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
        }
    }
 }

 dependencies {
    implementation fileTree(dir: "libs", include: ["*.jar"])
    implementation "com.facebook.react:react-native:0.61.5"  // From node_modules
    implementation "androidx.core:core:1.2.0"
 }

 // Run this once to be able to run the application with BUCK
 // puts all compile dependencies into folder libs for BUCK to use
 task copyDownloadableDepsToLibs(type: Copy) {
    from configurations.compile
    into 'libs'
 }

 repositories {
    mavenCentral()
 }
diff --git a/package.json b/package.json
 {
  "name": "SimpleReactNativeComponent",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "android-generate-bundle": "react-native bundle —-platform android —-dev false --entry-file index.js --bundle-output android/app/src/main/assets/simplereactnativecomponent.android.bundle --assets-dest android/app/src/main/res",
    "android-bundle-lib": "cd android && ./gradlew assembleRelease && cp app/build/outputs/aar/app-release.aar ../simplereactnativecomponent.aar",
    "android-build-lib": "yarn android-bundle-lib && yarn android-bundle-lib",
    "ios": "react-native run-ios",
    "start": "react-native start",
    "test": "jest",
    "lint": "eslint ."
  },
  "dependencies": {
    "react": "16.11.0",
    "react-native": "0.62.2"
  },
  "devDependencies": {
    "@babel/core": "^7.6.2",
    "@babel/runtime": "^7.6.2",
    "@react-native-community/eslint-config": "^0.0.5",
    "babel-jest": "^24.9.0",
    "eslint": "^6.5.1",
    "jest": "^24.9.0",
    "metro-react-native-babel-preset": "^0.58.0",
    "react-test-renderer": "16.11.0"
  },
  "jest": {
    "preset": "react-native"
  }
 }
diff --git a/SimpleReactNativeComponentConfiguration.java b/SimpleReactNativeComponentConfiguration.java
 package com.simplereactnativecomponent;

 public class SimpleReactNativeComponentConfiguration {

    public static String BUNDLE_NAME = "simplereactnativecomponent.android.bundle";
    public static String MODULE_NAME = "SimpleReactNativeComponent";
 }
diff --git a/SimpleReactNativeComponentModule.java b/SimpleReactNativeComponentModule.java
 package com.simplereactnativecomponent;

 import android.app.Activity;

 import androidx.annotation.NonNull;

 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;

 public class SimpleReactNativeComponentModule extends ReactContextBaseJavaModule {
    public SimpleReactNativeComponentModule(@NonNull ReactApplicationContext reactContext) {
        super(reactContext);
    }

    @NonNull
    @Override
    public String getName() {
        return "SimpleReactNativeComponent";
    }

    @ReactMethod
    public void finishReact() {
        Activity currentActivity = this.getCurrentActivity();
        if (currentActivity != null) {
            currentActivity.finish();
        }
    }
 }
diff --git a/SimpleReactNativeComponentPackage.java b/SimpleReactNativeComponentPackage.java
 package com.simplereactnativecomponent;

 import androidx.annotation.NonNull;

 import com.facebook.react.ReactPackage;
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.uimanager.ViewManager;

 import java.util.List;

 import static java.util.Arrays.asList;

 public class SimpleReactNativeComponentPackage implements ReactPackage {
    @NonNull
    @Override
    public List<NativeModule> createNativeModules(@NonNull ReactApplicationContext reactContext) {
        return asList(new SimpleReactNativeComponentModule(reactContext));
    }

    @NonNull
    @Override
    public List<ViewManager> createViewManagers(@NonNull ReactApplicationContext reactContext) {
        return asList();
    }
 }
	/**
	* Sample React Native App
	* https://github.com/facebook/react-native
	*
	* @format
	* @flow strict-local
	*/

	import React, {
	useState
	} from 'react';

	import {
	SafeAreaView,
	StyleSheet,
	ScrollView,
	View,
	Text,
	Button,
	} from 'react-native';

	import {
	Colors,
	} from 'react-native/Libraries/NewAppScreen';

	const App: () => React$Node = () => {
	const [count, setCount] = useState(0)

	const increaseByOne = () => setCount(count+1)

	return (
	<>
	<SafeAreaView>
	<ScrollView
	contentInsetAdjustmentBehavior="automatic">
	<View style={styles.container}>
	<Text style={styles.counter}>Counting: {count}</Text>
	</View>
	<View style={styles.container}>
	<Button onPress={increaseByOne} style={styles.sectionButton} title="Increase one" />
	</View>
	</ScrollView>
	</SafeAreaView>
	</>
	);
	};

	const styles = StyleSheet.create({
	scrollView: {
	backgroundColor: Colors.lighter,
	},
	counter: {
	fontSize: 24,
	fontWeight: '600',
	color: Colors.black,
	},
	container: {
	marginTop: 30,
	marginLeft: 20,
	paddingHorizontal: 24,
	},
	});

	export default App;
	package com.example.usingrnlibrary

	import android.annotation.TargetApi
	import android.content.Intent
	import android.os.Build
	import android.os.Bundle
	import android.view.KeyEvent
	import androidx.appcompat.app.AppCompatActivity
	import com.facebook.react.ReactInstanceManager
	import com.facebook.react.ReactPackage
	import com.facebook.react.ReactRootView
	import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler
	import com.facebook.react.modules.core.PermissionAwareActivity
	import com.facebook.react.modules.core.PermissionListener

	abstract class BaseReactNativeActivity : AppCompatActivity(), DefaultHardwareBackBtnHandler,
	PermissionAwareActivity {
	@JvmField
	protected var mReactRootView: ReactRootView? = null

	@JvmField
	protected var mReactInstanceManager: ReactInstanceManager? = null

	@JvmField
	protected var reactPackage: ReactPackage? = null

	@JvmField
	protected var permissionListener: PermissionListener? = null

	@JvmField
	protected var initialProperties = Bundle()

	override fun onCreate(savedInstanceState: Bundle?) {
	super.onCreate(savedInstanceState)
	try {
	initialProperties.putString("env", BuildConfig.FLAVOR)
	mReactRootView = ReactRootView(this)
	} catch (e: Exception) {
	println("An error occurred while starting React Native")
	}
	}

	override fun invokeDefaultOnBackPressed() {
	super.onBackPressed()
	}

	override fun onPause() {
	super.onPause()
	mReactInstanceManager?.onHostPause(this)
	}

	override fun onResume() {
	super.onResume()
	mReactInstanceManager?.onHostResume(this, this)
	}

	override fun onDestroy() {
	super.onDestroy()
	mReactInstanceManager?.onHostDestroy(this)
	}

	override fun onBackPressed() {
	if (mReactInstanceManager != null) {
	mReactInstanceManager?.onBackPressed()
	} else {
	super.onBackPressed()
	}
	}

	override fun onKeyUp(keyCode: Int, event: KeyEvent): Boolean {
	if (keyCode == KeyEvent.KEYCODE_MENU && mReactInstanceManager != null) {
	mReactInstanceManager!!.showDevOptionsDialog()
	return true
	}
	return super.onKeyUp(keyCode, event)
	}

	@TargetApi(Build.VERSION_CODES.M)
	override fun requestPermissions(permissions: Array<String>, requestCode: Int, listener: PermissionListener) {
	permissionListener = listener
	requestPermissions(permissions, requestCode)
	}

	override fun onRequestPermissionsResult(requestCode: Int, permissions: Array<String>, grantResults: IntArray) {
	if (permissionListener != null) {
	permissionListener!!.onRequestPermissionsResult(requestCode, permissions, grantResults)
	}
	}

	public override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
	super.onActivityResult(requestCode, resultCode, data)
	}

	}
	apply plugin: "com.android.library"

	/**
	* Set this to true to create two separate APKs instead of one:
	* - An APK that only works on ARM devices
	* - An APK that only works on x86 devices
	* The advantage is the size of the APK is reduced by about 4MB.
	* Upload all the APKs to the Play Store and people will download
	* the correct one based on the CPU architecture of their device.
	*/
	def enableSeparateBuildPerCPUArchitecture = false

	/**
	* Run Proguard to shrink the Java bytecode in release builds.
	*/
	def enableProguardInReleaseBuilds = false

	android {
	compileSdkVersion rootProject.ext.compileSdkVersion

	compileOptions {
	sourceCompatibility JavaVersion.VERSION_1_8
	targetCompatibility JavaVersion.VERSION_1_8
	}

	defaultConfig {
	minSdkVersion rootProject.ext.minSdkVersion
	targetSdkVersion rootProject.ext.targetSdkVersion
	versionCode 1
	versionName "1.0"
	}
	splits {
	abi {
	reset()
	enable enableSeparateBuildPerCPUArchitecture
	universalApk false // If true, also generate a universal APK
	include "armeabi-v7a", "x86", "arm64-v8a", "x86_64"
	}
	}
	signingConfigs {
	debug {
	storeFile file('debug.keystore')
	storePassword 'android'
	keyAlias 'androiddebugkey'
	keyPassword 'android'
	}
	}
	buildTypes {
	debug {
	signingConfig signingConfigs.debug
	}
	release {
	// Caution! In production, you need to generate your own keystore file.
	// see https://facebook.github.io/react-native/docs/signed-apk-android.
	signingConfig signingConfigs.debug
	minifyEnabled enableProguardInReleaseBuilds
	proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
	}
	}
	}

	dependencies {
	implementation fileTree(dir: "libs", include: ["*.jar"])
	implementation "com.facebook.react:react-native:0.61.5" // From node_modules
	implementation "androidx.core:core:1.2.0"
	}

	// Run this once to be able to run the application with BUCK
	// puts all compile dependencies into folder libs for BUCK to use
	task copyDownloadableDepsToLibs(type: Copy) {
	from configurations.compile
	into 'libs'
	}

	repositories {
	mavenCentral()
	}
	{
	"name": "SimpleReactNativeComponent",
	"version": "0.0.1",
	"private": true,
	"scripts": {
	"android": "react-native run-android",
	"android-generate-bundle": "react-native bundle —-platform android —-dev false --entry-file index.js --bundle-output android/app/src/main/assets/simplereactnativecomponent.android.bundle --assets-dest android/app/src/main/res",
	"android-bundle-lib": "cd android && ./gradlew assembleRelease && cp app/build/outputs/aar/app-release.aar ../simplereactnativecomponent.aar",
	"android-build-lib": "yarn android-bundle-lib && yarn android-bundle-lib",
	"ios": "react-native run-ios",
	"start": "react-native start",
	"test": "jest",
	"lint": "eslint ."
	},
	"dependencies": {
	"react": "16.11.0",
	"react-native": "0.62.2"
	},
	"devDependencies": {
	"@babel/core": "^7.6.2",
	"@babel/runtime": "^7.6.2",
	"@react-native-community/eslint-config": "^0.0.5",
	"babel-jest": "^24.9.0",
	"eslint": "^6.5.1",
	"jest": "^24.9.0",
	"metro-react-native-babel-preset": "^0.58.0",
	"react-test-renderer": "16.11.0"
	},
	"jest": {
	"preset": "react-native"
	}
	}
	package com.simplereactnativecomponent;

	public class SimpleReactNativeComponentConfiguration {

	public static String BUNDLE_NAME = "simplereactnativecomponent.android.bundle";
	public static String MODULE_NAME = "SimpleReactNativeComponent";
	}
	package com.simplereactnativecomponent;

	import android.app.Activity;

	import androidx.annotation.NonNull;

	import com.facebook.react.bridge.ReactApplicationContext;
	import com.facebook.react.bridge.ReactContextBaseJavaModule;
	import com.facebook.react.bridge.ReactMethod;

	public class SimpleReactNativeComponentModule extends ReactContextBaseJavaModule {
	public SimpleReactNativeComponentModule(@NonNull ReactApplicationContext reactContext) {
	super(reactContext);
	}

	@NonNull
	@Override
	public String getName() {
	return "SimpleReactNativeComponent";
	}

	@ReactMethod
	public void finishReact() {
	Activity currentActivity = this.getCurrentActivity();
	if (currentActivity != null) {
	currentActivity.finish();
	}
	}
	}
	package com.simplereactnativecomponent;

	import androidx.annotation.NonNull;

	import com.facebook.react.ReactPackage;
	import com.facebook.react.bridge.NativeModule;
	import com.facebook.react.bridge.ReactApplicationContext;
	import com.facebook.react.uimanager.ViewManager;

	import java.util.List;

	import static java.util.Arrays.asList;

	public class SimpleReactNativeComponentPackage implements ReactPackage {
	@NonNull
	@Override
	public List<NativeModule> createNativeModules(@NonNull ReactApplicationContext reactContext) {
	return asList(new SimpleReactNativeComponentModule(reactContext));
	}

	@NonNull
	@Override
	public List<ViewManager> createViewManagers(@NonNull ReactApplicationContext reactContext) {
	return asList();
	}
	}