agera rn

.buckconfig

+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2

.eslintignore

+node_modules/*
+src/data/*.js
+src/components/aurora-imui-react-native/*.js
+package.js
+android/*
+ios/*
+build/*
+flow/*
+hooks/*
\ No newline at end of file

.eslintrc.js

+module.exports = {
+  "env": {
+    "es6": true,
+    "node": true
+  },
+  "extends": "airbnb",
+  "parser": "babel-eslint",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "experimentalObjectRestSpread": true,
+      "jsx": true
+    },
+    "sourceType": "module"
+  },
+  "plugins": [
+    "react",
+    "flowtype",
+    "react-native",
+  ],
+  "rules": {
+    "indent": [
+      "error",
+      2
+    ],
+    "linebreak-style": [
+      "error",
+      "unix"
+    ],
+    "quotes": [
+      "error",
+      "single"
+    ],
+    "semi": [
+      "error",
+      "always"
+    ],
+    "react/jsx-uses-react": "error",
+    "react/jsx-uses-vars": "error",
+    "react/jsx-filename-extension": "off",
+    "react/require-extension": "off",
+    "import/extensions": "error",
+    "import/no-duplicates": "error",
+    "global-require": "off",
+    "generator-star-spacing": "off",
+    "import/no-unresolved": [2, { ignore: ['\.png$','\.jpg$'] }],
+    "no-duplicate-imports": "off",
+    "react-native/no-unused-styles": "error",
+    "flowtype/require-valid-file-annotation": ["error", "always"],
+    "no-throw-literal": "off",
+    'quote-props': 'off',
+    "spaced-comment": 'off',
+  },
+  "globals": {
+    "fetch": true,
+    "__DEV__": true,
+    "$Shape": true,
+  }
+};
\ No newline at end of file

.flowconfig

+[ignore]
+; We fork some components by platform
+.*/*[.]android.js
+
+; Ignore "BUCK" generated dirs
+<PROJECT_ROOT>/\.buckd/
+
+; Ignore unexpected extra "@providesModule"
+.*/node_modules/.*/node_modules/fbjs/.*
+
+; Ignore duplicate module providers
+; For RN Apps installed via npm, "Libraries" folder is inside
+; "node_modules/react-native" but in the source repo it is in the root
+.*/Libraries/react-native/React.js
+
+; Ignore polyfills
+.*/Libraries/polyfills/.*
+
+; Ignore metro
+.*/node_modules/metro/.*
+
+[include]
+
+[libs]
+node_modules/react-native/Libraries/react-native/react-native-interface.js
+node_modules/react-native/flow/
+
+[options]
+emoji=true
+
+esproposal.optional_chaining=enable
+esproposal.nullish_coalescing=enable
+
+module.system=haste
+module.system.haste.use_name_reducers=true
+# get basename
+module.system.haste.name_reducers='^.*/\([a-zA-Z0-9$_.-]+\.js\(\.flow\)?\)$' -> '\1'
+# strip .js or .js.flow suffix
+module.system.haste.name_reducers='^\(.*\)\.js\(\.flow\)?$' -> '\1'
+# strip .ios suffix
+module.system.haste.name_reducers='^\(.*\)\.ios$' -> '\1'
+module.system.haste.name_reducers='^\(.*\)\.android$' -> '\1'
+module.system.haste.name_reducers='^\(.*\)\.native$' -> '\1'
+module.system.haste.paths.blacklist=.*/__tests__/.*
+module.system.haste.paths.blacklist=.*/__mocks__/.*
+module.system.haste.paths.blacklist=<PROJECT_ROOT>/node_modules/react-native/Libraries/Animated/src/polyfills/.*
+module.system.haste.paths.whitelist=<PROJECT_ROOT>/node_modules/react-native/Libraries/.*
+
+munge_underscores=true
+
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
+
+module.file_ext=.js
+module.file_ext=.jsx
+module.file_ext=.json
+module.file_ext=.native.js
+
+suppress_type=$FlowIssue
+suppress_type=$FlowFixMe
+suppress_type=$FlowFixMeProps
+suppress_type=$FlowFixMeState
+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
+suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
+
+[version]
+^0.92.0

.gitattributes

+*.pbxproj -text

.watchmanconfig

+{}
\ No newline at end of file

App.js

+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ * @flow
+ */
+
+import React, {Component} from 'react';
+import {Platform, StyleSheet, Text, View} from 'react-native';
+
+const instructions = Platform.select({
+  ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu',
+  android:
+    'Double tap R on your keyboard to reload,\n' +
+    'Shake or press menu button for dev menu',
+});
+
+type Props = {};
+export default class App extends Component<Props> {
+  render() {
+    return (
+      <View style={styles.container}>
+        <Text style={styles.welcome}>Welcome to React Native!</Text>
+        <Text style={styles.instructions}>To get started, edit App.js</Text>
+        <Text style={styles.instructions}>{instructions}</Text>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5,
+  },
+});

__tests__/App-test.js

+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import App from '../App';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  renderer.create(<App />);
+});

android/app/BUCK

+# To learn about Buck see [Docs](https://buckbuild.com/).
+# To run your application with Buck:
+# - install Buck
+# - `npm start` - to start the packager
+# - `cd android`
+# - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"`
+# - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck
+# - `buck install -r android/app` - compile, install and run application
+#
+
+load(":build_defs.bzl", "create_aar_targets", "create_jar_targets")
+
+lib_deps = []
+
+create_aar_targets(glob(["libs/*.aar"]))
+
+create_jar_targets(glob(["libs/*.jar"]))
+
+android_library(
+    name = "all-libs",
+    exported_deps = lib_deps,
+)
+
+android_library(
+    name = "app-code",
+    srcs = glob([
+        "src/main/java/**/*.java",
+    ]),
+    deps = [
+        ":all-libs",
+        ":build_config",
+        ":res",
+    ],
+)
+
+android_build_config(
+    name = "build_config",
+    package = "com.basicapp",
+)
+
+android_resource(
+    name = "res",
+    package = "com.basicapp",
+    res = "src/main/res",
+)
+
+android_binary(
+    name = "app",
+    keystore = "//android/keystores:debug",
+    manifest = "src/main/AndroidManifest.xml",
+    package_type = "debug",
+    deps = [
+        ":app-code",
+    ],
+)

android/app/build.gradle

+apply plugin: "com.android.application"
+
+import com.android.build.OutputFile
+
+/**
+ * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
+ * and bundleReleaseJsAndAssets).
+ * These basically call `react-native bundle` with the correct arguments during the Android build
+ * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the
+ * bundle directly from the development server. Below you can see all the possible configurations
+ * and their defaults. If you decide to add a configuration block, make sure to add it before the
+ * `apply from: "../../node_modules/react-native/react.gradle"` line.
+ *
+ * project.ext.react = [
+ *   // the name of the generated asset file containing your JS bundle
+ *   bundleAssetName: "index.android.bundle",
+ *
+ *   // the entry file for bundle generation
+ *   entryFile: "index.android.js",
+ *
+ *   // whether to bundle JS and assets in debug mode
+ *   bundleInDebug: false,
+ *
+ *   // whether to bundle JS and assets in release mode
+ *   bundleInRelease: true,
+ *
+ *   // whether to bundle JS and assets in another build variant (if configured).
+ *   // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants
+ *   // The configuration property can be in the following formats
+ *   //         'bundleIn${productFlavor}${buildType}'
+ *   //         'bundleIn${buildType}'
+ *   // bundleInFreeDebug: true,
+ *   // bundleInPaidRelease: true,
+ *   // bundleInBeta: true,
+ *
+ *   // whether to disable dev mode in custom build variants (by default only disabled in release)
+ *   // for example: to disable dev mode in the staging build type (if configured)
+ *   devDisabledInStaging: true,
+ *   // The configuration property can be in the following formats
+ *   //         'devDisabledIn${productFlavor}${buildType}'
+ *   //         'devDisabledIn${buildType}'
+ *
+ *   // the root of your project, i.e. where "package.json" lives
+ *   root: "../../",
+ *
+ *   // where to put the JS bundle asset in debug mode
+ *   jsBundleDirDebug: "$buildDir/intermediates/assets/debug",
+ *
+ *   // where to put the JS bundle asset in release mode
+ *   jsBundleDirRelease: "$buildDir/intermediates/assets/release",
+ *
+ *   // where to put drawable resources / React Native assets, e.g. the ones you use via
+ *   // require('./image.png')), in debug mode
+ *   resourcesDirDebug: "$buildDir/intermediates/res/merged/debug",
+ *
+ *   // where to put drawable resources / React Native assets, e.g. the ones you use via
+ *   // require('./image.png')), in release mode
+ *   resourcesDirRelease: "$buildDir/intermediates/res/merged/release",
+ *
+ *   // by default the gradle tasks are skipped if none of the JS files or assets change; this means
+ *   // that we don't look at files in android/ or ios/ to determine whether the tasks are up to
+ *   // date; if you have any other folders that you want to ignore for performance reasons (gradle
+ *   // indexes the entire tree), add them here. Alternatively, if you have JS files in android/
+ *   // for example, you might want to remove it from here.
+ *   inputExcludes: ["android/**", "ios/**"],
+ *
+ *   // override which node gets called and with what additional arguments
+ *   nodeExecutableAndArgs: ["node"],
+ *
+ *   // supply additional arguments to the packager
+ *   extraPackagerArgs: []
+ * ]
+ */
+
+project.ext.react = [
+    entryFile: "index.js"
+]
+
+apply from: "../../node_modules/react-native/react.gradle"
+
+/**
+ * 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 {
+        applicationId "com.basicapp"
+        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"
+        }
+    }
+    buildTypes {
+        release {
+            minifyEnabled enableProguardInReleaseBuilds
+            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+        }
+    }
+    // applicationVariants are e.g. debug, release
+    applicationVariants.all { variant ->
+        variant.outputs.each { output ->
+            // For each separate APK per architecture, set a unique version code as described here:
+            // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits
+            def versionCodes = ["armeabi-v7a":1, "x86":2, "arm64-v8a": 3, "x86_64": 4]
+            def abi = output.getFilter(OutputFile.ABI)
+            if (abi != null) {  // null for the universal-debug, universal-release variants
+                output.versionCodeOverride =
+                        versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
+            }
+        }
+    }
+}
+
+dependencies {
+    implementation project(':react-native-gesture-handler')
+    implementation project(':react-native-vector-icons')
+    implementation fileTree(dir: "libs", include: ["*.jar"])
+    implementation "com.android.support:appcompat-v7:${rootProject.ext.supportLibVersion}"
+    implementation "com.facebook.react:react-native:+"  // From node_modules
+}
+
+// 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'
+}

android/app/build_defs.bzl

+"""Helper definitions to glob .aar and .jar targets"""
+
+def create_aar_targets(aarfiles):
+    for aarfile in aarfiles:
+        name = "aars__" + aarfile[aarfile.rindex("/") + 1:aarfile.rindex(".aar")]
+        lib_deps.append(":" + name)
+        android_prebuilt_aar(
+            name = name,
+            aar = aarfile,
+        )
+
+def create_jar_targets(jarfiles):
+    for jarfile in jarfiles:
+        name = "jars__" + jarfile[jarfile.rindex("/") + 1:jarfile.rindex(".jar")]
+        lib_deps.append(":" + name)
+        prebuilt_jar(
+            name = name,
+            binary_jar = jarfile,
+        )

android/app/proguard-rules.pro

+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# Add any project specific keep options here:
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}

android/app/src/debug/AndroidManifest.xml

+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
+
+    <application android:usesCleartextTraffic="true" tools:targetApi="28" tools:ignore="GoogleAppIndexingWarning" />
+</manifest>

android/app/src/main/AndroidManifest.xml

+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+  package="com.basicapp">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+
+    <application
+      android:name=".MainApplication"
+      android:label="@string/app_name"
+      android:icon="@mipmap/ic_launcher"
+      android:roundIcon="@mipmap/ic_launcher_round"
+      android:allowBackup="false"
+      android:theme="@style/AppTheme">
+      <activity
+        android:name=".MainActivity"
+        android:label="@string/app_name"
+        android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
+        android:windowSoftInputMode="adjustResize">
+        <intent-filter>
+            <action android:name="android.intent.action.MAIN" />
+            <category android:name="android.intent.category.LAUNCHER" />
+        </intent-filter>
+      </activity>
+      <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
+    </application>
+
+</manifest>

android/app/src/main/java/com/basicapp/MainActivity.java

+package com.basicapp;
+
+import com.facebook.react.ReactActivity;
+
+public class MainActivity extends ReactActivity {
+
+    /**
+     * Returns the name of the main component registered from JavaScript.
+     * This is used to schedule rendering of the component.
+     */
+    @Override
+    protected String getMainComponentName() {
+        return "BasicApp";
+    }
+}

android/app/src/main/java/com/basicapp/MainApplication.java

+package com.basicapp;
+
+import android.app.Application;
+
+import com.facebook.react.ReactApplication;
+import com.oblador.vectoricons.VectorIconsPackage;
+import com.facebook.react.ReactNativeHost;
+import com.facebook.react.ReactPackage;
+import com.facebook.react.shell.MainReactPackage;
+import com.facebook.soloader.SoLoader;
+
+import java.util.Arrays;
+import java.util.List;
+
+public class MainApplication extends Application implements ReactApplication {
+
+  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
+    @Override
+    public boolean getUseDeveloperSupport() {
+      return BuildConfig.DEBUG;
+    }
+
+    @Override
+    protected List<ReactPackage> getPackages() {
+      return Arrays.<ReactPackage>asList(
+          new MainReactPackage(),
+            new VectorIconsPackage()
+      );
+    }
+
+    @Override
+    protected String getJSMainModuleName() {
+      return "index";
+    }
+  };
+
+  @Override
+  public ReactNativeHost getReactNativeHost() {
+    return mReactNativeHost;
+  }
+
+  @Override
+  public void onCreate() {
+    super.onCreate();
+    SoLoader.init(this, /* native exopackage */ false);
+  }
+}

android/app/src/main/res/values/strings.xml

+<resources>
+    <string name="app_name">BasicApp</string>
+</resources>

android/app/src/main/res/values/styles.xml

+<resources>
+
+    <!-- Base application theme. -->
+    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
+        <!-- Customize your theme here. -->
+    </style>
+
+</resources>

android/build.gradle

+// Top-level build file where you can add configuration options common to all sub-projects/modules.
+
+buildscript {
+    ext {
+        buildToolsVersion = "28.0.3"
+        minSdkVersion = 16
+        compileSdkVersion = 28
+        targetSdkVersion = 28
+        supportLibVersion = "28.0.0"
+    }
+    repositories {
+        google()
+        jcenter()
+    }
+    dependencies {
+        classpath 'com.android.tools.build:gradle:3.3.1'
+
+        // NOTE: Do not place your application dependencies here; they belong
+        // in the individual module build.gradle files
+    }
+}
+
+allprojects {
+    repositories {
+        mavenLocal()
+        google()
+        jcenter()
+        maven {
+            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
+            url "$rootDir/../node_modules/react-native/android"
+        }
+    }
+}

android/gradle.properties

+# Project-wide Gradle settings.
+
+# IDE (e.g. Android Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+
+# Specifies the JVM arguments used for the daemon process.
+# The setting is particularly useful for tweaking memory settings.
+# Default value: -Xmx10248m -XX:MaxPermSize=256m
+# org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8
+
+# When configured, Gradle will run in incubating parallel mode.
+# This option should only be used with decoupled projects. More details, visit
+# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
+# org.gradle.parallel=true

android/gradle/wrapper/gradle-wrapper.properties

+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-4.10.2-all.zip

android/gradlew

+#!/usr/bin/env sh
+
+##############################################################################
+##
+##  Gradle start up script for UN*X
+##
+##############################################################################
+
+# Attempt to set APP_HOME
+# Resolve links: $0 may be a link
+PRG="$0"
+# Need this for relative symlinks.
+while [ -h "$PRG" ] ; do
+    ls=`ls -ld "$PRG"`
+    link=`expr "$ls" : '.*-> \(.*\)$'`
+    if expr "$link" : '/.*' > /dev/null; then
+        PRG="$link"
+    else
+        PRG=`dirname "$PRG"`"/$link"
+    fi
+done
+SAVED="`pwd`"
+cd "`dirname \"$PRG\"`/" >/dev/null
+APP_HOME="`pwd -P`"
+cd "$SAVED" >/dev/null
+
+APP_NAME="Gradle"
+APP_BASE_NAME=`basename "$0"`
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS=""
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD="maximum"
+
+warn () {
+    echo "$*"
+}
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+}
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "`uname`" in
+  CYGWIN* )
+    cygwin=true
+    ;;
+  Darwin* )
+    darwin=true
+    ;;
+  MINGW* )
+    msys=true
+    ;;
+  NONSTOP* )
+    nonstop=true
+    ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD="$JAVA_HOME/jre/sh/java"
+    else
+        JAVACMD="$JAVA_HOME/bin/java"
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD="java"
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
+    MAX_FD_LIMIT=`ulimit -H -n`
+    if [ $? -eq 0 ] ; then
+        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
+            MAX_FD="$MAX_FD_LIMIT"
+        fi
+        ulimit -n $MAX_FD
+        if [ $? -ne 0 ] ; then
+            warn "Could not set maximum file descriptor limit: $MAX_FD"
+        fi
+    else
+        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
+    fi
+fi
+
+# For Darwin, add options to specify how the application appears in the dock
+if $darwin; then
+    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
+fi
+
+# For Cygwin, switch paths to Windows format before running java
+if $cygwin ; then
+    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
+    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
+    JAVACMD=`cygpath --unix "$JAVACMD"`
+
+    # We build the pattern for arguments to be converted via cygpath
+    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
+    SEP=""
+    for dir in $ROOTDIRSRAW ; do
+        ROOTDIRS="$ROOTDIRS$SEP$dir"
+        SEP="|"
+    done
+    OURCYGPATTERN="(^($ROOTDIRS))"
+    # Add a user-defined pattern to the cygpath arguments
+    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
+        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
+    fi
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    i=0
+    for arg in "$@" ; do
+        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
+        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
+
+        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
+            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
+        else
+            eval `echo args$i`="\"$arg\""
+        fi
+        i=$((i+1))
+    done
+    case $i in
+        (0) set -- ;;
+        (1) set -- "$args0" ;;
+        (2) set -- "$args0" "$args1" ;;
+        (3) set -- "$args0" "$args1" "$args2" ;;
+        (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
+        (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
+        (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
+        (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
+        (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
+        (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
+    esac
+fi
+
+# Escape application args
+save () {
+    for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
+    echo " "
+}
+APP_ARGS=$(save "$@")
+
+# Collect all arguments for the java command, following the shell quoting and substitution rules
+eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
+
+# by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong
+if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then
+  cd "$(dirname "$0")"
+fi
+
+exec "$JAVACMD" "$@"

android/gradlew.bat

+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS=
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto init
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto init
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:init
+@rem Get command-line arguments, handling Windows variants
+
+if not "%OS%" == "Windows_NT" goto win9xME_args
+
+:win9xME_args
+@rem Slurp the command line arguments.
+set CMD_LINE_ARGS=
+set _SKIP=2
+
+:win9xME_args_slurp
+if "x%~1" == "x" goto execute
+
+set CMD_LINE_ARGS=%*
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega

android/keystores/BUCK

+keystore(
+    name = "debug",
+    properties = "debug.keystore.properties",
+    store = "debug.keystore",
+    visibility = [
+        "PUBLIC",
+    ],
+)

android/keystores/debug.keystore.properties

+key.store=debug.keystore
+key.alias=androiddebugkey
+key.store.password=android
+key.alias.password=android

android/settings.gradle

+rootProject.name = 'BasicApp'
+include ':react-native-vector-icons'
+project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
+include ':react-native-gesture-handler'
+project(':react-native-gesture-handler').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-gesture-handler/android')
+
+include ':app'

app.json

+{
+  "name": "BasicApp",
+  "displayName": "BasicApp"
+}
\ No newline at end of file

babel.config.js

+module.exports = {
+  presets: ['module:metro-react-native-babel-preset'],
+};

index.js

+/**
+ * @flow
+ * @format
+ */
+
+import { AppRegistry, YellowBox } from 'react-native';
+//import App from './App'
+
+import './src/utils/Global';
+
+import App from './src/MainApp';
+import { name as appName } from './app.json';
+
+if (!__DEV__) {
+  global.console = {
+    info: () => {},
+    log: () => {},
+    warn: () => {},
+    error: () => {},
+  };
+}
+
+YellowBox.ignoreWarnings([
+  'Require cycle:',
+  'Warning: Expected instance props to match',
+  'Warning: ViewPagerAndroid has been extracted from react-native core and will be removed in a future release.',
+  'Warning: Slider has been extracted from react-native core and will be removed in a future release.',
+  'Warning: Async Storage has been extracted from react-native core and will be removed in a future release.',
+]);
+
+AppRegistry.registerComponent(appName, () => App);

ios/BasicApp-tvOS/Info.plist

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>armv7</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<false/>
+	<key>NSLocationWhenInUseUsageDescription</key>
+	<string></string>
+	<key>NSAppTransportSecurity</key>
+	<!--See http://ste.vn/2015/06/10/configuring-app-transport-security-ios-9-osx-10-11/ -->
+	<dict>
+		<key>NSExceptionDomains</key>
+		<dict>
+			<key>localhost</key>
+			<dict>
+				<key>NSExceptionAllowsInsecureHTTPLoads</key>
+				<true/>
+			</dict>
+		</dict>
+	</dict>
+</dict>
+</plist>

ios/BasicApp-tvOSTests/Info.plist

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>BNDL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+</dict>
+</plist>

ios/BasicApp.xcodeproj/project.xcworkspace/contents.xcworkspacedata

+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "self:">
+   </FileRef>
+</Workspace>

ios/BasicApp.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>

ios/BasicApp.xcodeproj/xcshareddata/xcschemes/BasicApp-tvOS.xcscheme

+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "0940"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "NO"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D2A28121D9B038B00D4039D"
+               BuildableName = "libReact.a"
+               BlueprintName = "React-tvOS"
+               ReferencedContainer = "container:../node_modules/react-native/React/React.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+               BuildableName = "BasicApp-tvOS.app"
+               BlueprintName = "BasicApp-tvOS"
+               ReferencedContainer = "container:BasicApp.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "NO"
+            buildForArchiving = "NO"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D02E48F1E0B4A5D006451C7"
+               BuildableName = "BasicApp-tvOSTests.xctest"
+               BlueprintName = "BasicApp-tvOSTests"
+               ReferencedContainer = "container:BasicApp.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D02E48F1E0B4A5D006451C7"
+               BuildableName = "BasicApp-tvOSTests.xctest"
+               BlueprintName = "BasicApp-tvOSTests"
+               ReferencedContainer = "container:BasicApp.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+            BuildableName = "BasicApp-tvOS.app"
+            BlueprintName = "BasicApp-tvOS"
+            ReferencedContainer = "container:BasicApp.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+            BuildableName = "BasicApp-tvOS.app"
+            BlueprintName = "BasicApp-tvOS"
+            ReferencedContainer = "container:BasicApp.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+            BuildableName = "BasicApp-tvOS.app"
+            BlueprintName = "BasicApp-tvOS"
+            ReferencedContainer = "container:BasicApp.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

ios/BasicApp.xcodeproj/xcshareddata/xcschemes/BasicApp.xcscheme

+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "0940"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "NO"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "83CBBA2D1A601D0E00E9B192"
+               BuildableName = "libReact.a"
+               BlueprintName = "React"
+               ReferencedContainer = "container:../node_modules/react-native/React/React.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+               BuildableName = "BasicApp.app"
+               BlueprintName = "BasicApp"
+               ReferencedContainer = "container:BasicApp.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "NO"
+            buildForArchiving = "NO"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
+               BuildableName = "BasicAppTests.xctest"
+               BlueprintName = "BasicAppTests"
+               ReferencedContainer = "container:BasicApp.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
+               BuildableName = "BasicAppTests.xctest"
+               BlueprintName = "BasicAppTests"
+               ReferencedContainer = "container:BasicApp.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "BasicApp.app"
+            BlueprintName = "BasicApp"
+            ReferencedContainer = "container:BasicApp.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "BasicApp.app"
+            BlueprintName = "BasicApp"
+            ReferencedContainer = "container:BasicApp.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "BasicApp.app"
+            BlueprintName = "BasicApp"
+            ReferencedContainer = "container:BasicApp.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

ios/BasicApp.xcodeproj/xcuserdata/shiyunjie.xcuserdatad/xcschemes/xcschememanagement.plist

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>SchemeUserState</key>
+	<dict>
+		<key>BasicApp-tvOS.xcscheme_^#shared#^_</key>
+		<dict>
+			<key>orderHint</key>
+			<integer>1</integer>
+		</dict>
+		<key>BasicApp.xcscheme_^#shared#^_</key>
+		<dict>
+			<key>orderHint</key>
+			<integer>0</integer>
+		</dict>
+	</dict>
+</dict>
+</plist>

ios/BasicApp/AppDelegate.h

+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <React/RCTBridgeDelegate.h>
+#import <UIKit/UIKit.h>
+
+@interface AppDelegate : UIResponder <UIApplicationDelegate, RCTBridgeDelegate>
+
+@property (nonatomic, strong) UIWindow *window;
+
+@end

ios/BasicApp/AppDelegate.m

+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "AppDelegate.h"
+
+#import <React/RCTBridge.h>
+#import <React/RCTBundleURLProvider.h>
+#import <React/RCTRootView.h>
+
+@implementation AppDelegate
+
+- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
+{
+  RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions];
+  RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge
+                                                   moduleName:@"BasicApp"
+                                            initialProperties:nil];
+
+  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];
+
+  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
+  UIViewController *rootViewController = [UIViewController new];
+  rootViewController.view = rootView;
+  self.window.rootViewController = rootViewController;
+  [self.window makeKeyAndVisible];
+  return YES;
+}
+
+- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
+{
+#if DEBUG
+  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
+#else
+  return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
+#endif
+}
+
+@end

ios/BasicApp/Base.lproj/LaunchScreen.xib

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.XIB" version="3.0" toolsVersion="7702" systemVersion="14D136" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES">
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="7701"/>
+        <capability name="Constraints with non-1.0 multipliers" minToolsVersion="5.1"/>
+    </dependencies>
+    <objects>
+        <placeholder placeholderIdentifier="IBFilesOwner" id="-1" userLabel="File's Owner"/>
+        <placeholder placeholderIdentifier="IBFirstResponder" id="-2" customClass="UIResponder"/>
+        <view contentMode="scaleToFill" id="iN0-l3-epB">
+            <rect key="frame" x="0.0" y="0.0" width="480" height="480"/>
+            <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+            <subviews>
+                <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Powered by React Native" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="8ie-xW-0ye">
+                    <rect key="frame" x="20" y="439" width="441" height="21"/>
+                    <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                    <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
+                    <nil key="highlightedColor"/>
+                </label>
+                <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="BasicApp" textAlignment="center" lineBreakMode="middleTruncation" baselineAdjustment="alignBaselines" minimumFontSize="18" translatesAutoresizingMaskIntoConstraints="NO" id="kId-c2-rCX">
+                    <rect key="frame" x="20" y="140" width="441" height="43"/>
+                    <fontDescription key="fontDescription" type="boldSystem" pointSize="36"/>
+                    <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
+                    <nil key="highlightedColor"/>
+                </label>
+            </subviews>
+            <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
+            <constraints>
+                <constraint firstItem="kId-c2-rCX" firstAttribute="centerY" secondItem="iN0-l3-epB" secondAttribute="bottom" multiplier="1/3" constant="1" id="5cJ-9S-tgC"/>
+                <constraint firstAttribute="centerX" secondItem="kId-c2-rCX" secondAttribute="centerX" id="Koa-jz-hwk"/>
+                <constraint firstAttribute="bottom" secondItem="8ie-xW-0ye" secondAttribute="bottom" constant="20" id="Kzo-t9-V3l"/>
+                <constraint firstItem="8ie-xW-0ye" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" constant="20" symbolic="YES" id="MfP-vx-nX0"/>
+                <constraint firstAttribute="centerX" secondItem="8ie-xW-0ye" secondAttribute="centerX" id="ZEH-qu-HZ9"/>
+                <constraint firstItem="kId-c2-rCX" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" constant="20" symbolic="YES" id="fvb-Df-36g"/>
+            </constraints>
+            <nil key="simulatedStatusBarMetrics"/>
+            <freeformSimulatedSizeMetrics key="simulatedDestinationMetrics"/>
+            <point key="canvasLocation" x="548" y="455"/>
+        </view>
+    </objects>
+</document>

ios/BasicApp/Images.xcassets/AppIcon.appiconset/Contents.json

+{
+  "images" : [
+    {
+      "idiom" : "iphone",
+      "size" : "20x20",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "20x20",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "29x29",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "29x29",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "40x40",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "40x40",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "60x60",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "60x60",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "ios-marketing",
+      "size" : "1024x1024",
+      "scale" : "1x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
\ No newline at end of file

ios/BasicApp/Images.xcassets/Contents.json

+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

ios/BasicApp/Info.plist

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleDisplayName</key>
+	<string>BasicApp</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>NSAppTransportSecurity</key>
+	<dict>
+		<key>NSAllowsArbitraryLoads</key>
+		<true/>
+		<key>NSExceptionDomains</key>
+		<dict>
+			<key>localhost</key>
+			<dict>
+				<key>NSExceptionAllowsInsecureHTTPLoads</key>
+				<true/>
+			</dict>
+		</dict>
+	</dict>
+	<key>NSLocationWhenInUseUsageDescription</key>
+	<string></string>
+	<key>UIAppFonts</key>
+	<array>
+		<string>AntDesign.ttf</string>
+		<string>Entypo.ttf</string>
+		<string>EvilIcons.ttf</string>
+		<string>Feather.ttf</string>
+		<string>FontAwesome.ttf</string>
+		<string>FontAwesome5_Brands.ttf</string>
+		<string>FontAwesome5_Regular.ttf</string>
+		<string>FontAwesome5_Solid.ttf</string>
+		<string>Foundation.ttf</string>
+		<string>Ionicons.ttf</string>
+		<string>MaterialCommunityIcons.ttf</string>
+		<string>MaterialIcons.ttf</string>
+		<string>Octicons.ttf</string>
+		<string>SimpleLineIcons.ttf</string>
+		<string>Zocial.ttf</string>
+	</array>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>armv7</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<false/>
+</dict>
+</plist>

ios/BasicApp/main.m

+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import "AppDelegate.h"
+
+int main(int argc, char * argv[]) {
+  @autoreleasepool {
+    return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
+  }
+}

ios/BasicAppTests/BasicAppTests.m

+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+#import <XCTest/XCTest.h>
+
+#import <React/RCTLog.h>
+#import <React/RCTRootView.h>
+
+#define TIMEOUT_SECONDS 600
+#define TEXT_TO_LOOK_FOR @"Welcome to React Native!"
+
+@interface BasicAppTests : XCTestCase
+
+@end
+
+@implementation BasicAppTests
+
+- (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test
+{
+  if (test(view)) {
+    return YES;
+  }
+  for (UIView *subview in [view subviews]) {
+    if ([self findSubviewInView:subview matching:test]) {
+      return YES;
+    }
+  }
+  return NO;
+}
+
+- (void)testRendersWelcomeScreen
+{
+  UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController];
+  NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS];
+  BOOL foundElement = NO;
+
+  __block NSString *redboxError = nil;
+  RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
+    if (level >= RCTLogLevelError) {
+      redboxError = message;
+    }
+  });
+
+  while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) {
+    [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+    [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+
+    foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) {
+      if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) {
+        return YES;
+      }
+      return NO;
+    }];
+  }
+
+  RCTSetLogFunction(RCTDefaultLogFunction);
+
+  XCTAssertNil(redboxError, @"RedBox error: %@", redboxError);
+  XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);
+}
+
+
+@end

ios/BasicAppTests/Info.plist

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>BNDL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+</dict>
+</plist>

metro.config.js

+/**
+ * Metro configuration for React Native
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ */
+
+module.exports = {
+  transformer: {
+    getTransformOptions: async () => ({
+      transform: {
+        experimentalImportSupport: false,
+        inlineRequires: false,
+      },
+    }),
+  },
+};

package.json

+{
+  "name": "BasicApp",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "start": "node node_modules/react-native/local-cli/cli.js start",
+    "test": "jest",
+    "postinstall": "rndebugger-open",
+    "postinstall-devTools": "remotedev-debugger --hostname localhost --port 5678 --injectserver"
+  },
+  "dependencies": {
+    "@react-native-community/async-storage": "^1.4.0",
+    "axios": "^0.18.0",
+    "lodash": "^4.17.11",
+    "moment": "^2.24.0",
+    "react": "16.8.3",
+    "react-native": "0.59.5",
+    "react-native-elements": "^1.1.0",
+    "react-native-gesture-handler": "^1.1.0",
+    "react-native-update-mutlirn-hg": "^3.1.1",
+    "react-native-vector-icons": "^6.4.2",
+    "react-navigation": "^3.9.1",
+    "react-navigation-redux-helpers": "^3.0.2",
+    "react-redux": "^7.0.3",
+    "redux": "^4.0.1",
+    "redux-persist": "^5.10.0",
+    "remote-redux-devtools": "^0.5.16"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.4.3",
+    "@babel/runtime": "^7.4.3",
+    "babel-eslint": "^10.0.1",
+    "babel-jest": "^24.7.1",
+    "eslint": "^5.16.0",
+    "eslint-config-airbnb": "^17.1.0",
+    "eslint-plugin-flowtype": "^3.7.0",
+    "eslint-plugin-import": "^2.17.2",
+    "eslint-plugin-jsx-a11y": "^6.2.1",
+    "eslint-plugin-react": "^7.13.0",
+    "eslint-plugin-react-native": "^3.7.0",
+    "jest": "^24.7.1",
+    "metro-react-native-babel-preset": "^0.53.1",
+    "react-native-debugger-open": "^0.3.19",
+    "react-test-renderer": "16.8.3",
+    "remote-redux-devtools-on-debugger": "^0.8.3"
+  },
+  "jest": {
+    "preset": "react-native"
+  }
+}

packppk.sh

+#!/bin/bash
+#read env
+echo 玩命打包中....
+echo '程序会自动npm prune,旧包将备份在build/backup文件夹下'
+echo '在updage.json文件中可以定义模板,binary版本信息等'
+echo '在update.json中,_androidPPK,_iOSPPK字符将会替换成打包后的文件名'
+echo ''
+backup(){
+    if [ ! -d "build/backup" ];then
+        mkdir build/backup
+    fi
+    zipFiles=`ls build/output/*.zip |wc -w`
+    if [ "$zipFiles" -gt "0" ];then
+        mv build/output/*.zip build/backup/
+     fi
+     otherFile=`ls build/output/* |wc -w`
+     if [ "$otherFile" -gt "0" ];then
+         rm build/output/*
+     fi
+}
+
+bundle(){
+    node package.js bundle $1
+}
+
+
+
+package(){
+    currentPath=`pwd`;
+    workPath=build/output
+    content=`cat ./update.json`;
+    cd $workPath;
+    android=`ls android*.ppk`;
+    ios=`ls ios*.ppk`;
+    content=${content/'_iOSPPK'/$ios};
+    content=${content/'_androidPPK'/$android};
+    content=${content/'_buildBy'/`git config user.name`};
+    content=${content/'_buildDate'/`date '+%Y-%m-%d-%H-%M-%S'`};
+    cd $currentPath
+    androidBinary=`cd android && ./gradlew echoVersionName -q`
+    cd $workPath;
+    content=${content/'_androidBinary'/$androidBinary};
+    echo $content > update.json;
+    zip -r `date '+%Y-%m-%d-%H时%M分%S秒'.zip` ./
+    rm *.ppk *.json
+    cd $currentPath;
+    echo '打包完毕,将自动打开Finder...' 
+}
+
+backup && npm prune && bundle '--platform ios' && bundle '--platform android'
+package && open build/output
+
+
+
+

src/BasicNavigator/actions.js

+/**
+ * @flow
+ * @type {string}
+ */
+// action type
+export const PUSH = 'push';
+export const POP = 'pop';
+export const TAB = 'tab';
+// action creator
+export const push = (pageName: String = '') => ({
+  type: PUSH,
+  pageName,
+});
+export const pop = (pageName: String = '') => ({
+  type: POP,
+  pageName,
+});
+export const tab = (pageName: String = '') => ({
+  type: TAB,
+  pageName,
+});

src/BasicNavigator/index.js

+/**
+ * @flow
+ */
+
+import React, { Component } from 'react';
+import {
+  createReduxContainer,
+} from 'react-navigation-redux-helpers';
+import { BackHandler } from 'react-native';
+import { connect } from 'react-redux';
+
+import NavigationStack from './navigationStack';
+import { StoreContext } from '../utils/constants';
+
+
+const AppNavigation = createReduxContainer(NavigationStack);
+
+const mapStateToProps = state => ({
+  state: state.nav,
+});
+
+const ReduxNavigation = connect(mapStateToProps)(AppNavigation);
+
+
+class Navigation extends Component {
+  componentDidMount() {
+    BackHandler.addEventListener('hardwareBackPress', this.onBackPress);
+  }
+
+  componentWillUnmount() {
+    BackHandler.removeEventListener('hardwareBackPress', this.onBackPress);
+  }
+
+  onBackPress = () => {
+    console.log('onBackPress', this.props);
+    //const { dispatch, navigationState } = this.props;
+    //if (navigationState.stateForLoggedIn.index <= 1) {
+    //  BackHandler.exitApp();
+    //  return;
+    //}
+    //dispatch(NavigationActions.back());
+    return true;
+  }
+
+  render() {
+    return (
+      <StoreContext.Provider value={{ theme: global.theme }}>
+        <ReduxNavigation />
+      </StoreContext.Provider>
+    );
+  }
+}
+
+
+export default Navigation;

src/BasicNavigator/navigationStack.js

+/**
+ * @flow
+ */
+import {
+  createBottomTabNavigator,
+  createStackNavigator,
+  createAppContainer,
+} from 'react-navigation';
+import JSPage from '../jsComponent/JSPage';
+import FramePage from '../home/FramePage';
+import ThemePage from '../ThemePage';
+import NativeComponentList from '../home/NativeComponentList';
+import JSComponentList from '../home/JSComponentList';
+import NativePage from '../nativeComponent/NativePage';
+import { initialRouteName, RootPageInitialName } from '../utils/constants';
+import { TabOptions } from '../components/TabOptions';
+
+const TabPage = createBottomTabNavigator(
+  {
+    HomePage: {
+      screen: FramePage,
+      navigationOptions: () => TabOptions('框架', 'Ionicons', 'ios-home'),
+    },
+    MainPage: {
+      screen: NativeComponentList,
+      navigationOptions: () => TabOptions('原生', 'Ionicons', 'ios-bookmarks'),
+    },
+    ServicePage: {
+      screen: JSComponentList,
+      navigationOptions: () => TabOptions('JS', 'Ionicons', 'logo-facebook'),
+    },
+  },
+  {
+    initialRouteName: RootPageInitialName,
+    backBehavior: 'none',
+    tabBarOptions: {
+      tabStyle: {
+        marginTop: 2,
+      },
+      style: {
+        height: 49,
+      },
+      safeAreaInset: {
+        bottom: 'always',
+        top: 'never',
+      },
+      showLabel: false,
+    },
+  },
+);
+
+TabPage.navigationOptions = ({ navigation }) => {
+  const { routes } = navigation.state;
+  const params = routes ? routes[navigation.state.index].params : null;
+
+  const headerTitle = params ? params.title : '';
+
+  //const headerTitleStyle = {
+  //  fontSize: System.iOS ? 23 : 20,
+  //  color: 'white',
+  //  flex: 1,
+  //  textAlign: 'center',
+  //  paddingTop: System.Android ? 17 : null
+  //};
+  const headerBackTitle = null;
+  const headerTintColor = 'white';
+  //const headerStyle = {
+  //  backgroundColor: Theme.navColor,
+  //  shadowColor: 'transparent',
+  //  shadowOpacity: 0,
+  //  borderBottomWidth: 0,
+  //  borderBottomColor: 'transparent',
+  //  elevation: 0
+  //};
+
+  // 这里的导航都是手动控制的，所以这里设置为null就可以隐藏了。
+  const header = null;
+
+  return {
+    headerTitle,
+    headerBackTitle,
+    headerTintColor,
+    header,
+  };
+};
+
+const navigator = createStackNavigator({
+  TabPage: {
+    screen: TabPage,
+  },
+  JSPage: {
+    screen: JSPage,
+  },
+  NativePage: {
+    screen: NativePage,
+  },
+  ThemePage: {
+    screen: ThemePage,
+  },
+}, {
+  initialRouteName,
+  headerMode: 'none',
+});
+
+//export default navigator;
+
+export default createAppContainer(navigator);

src/BasicNavigator/reducer.js

+/**
+ * @flow
+ */
+
+import { NavigationActions } from 'react-navigation';
+import NavigationStack from './navigationStack';
+import { initialRouteName } from '../utils/constants';
+
+import { PUSH, POP, TAB } from './actions';
+
+const ActionForTab = NavigationStack.router.getActionForPathAndParams(initialRouteName);
+
+const ActionForNativePage = pageName => NavigationStack.router.getActionForPathAndParams(pageName);
+
+const initialState = NavigationStack.router.getStateForAction(ActionForTab);
+
+const nav = (state = initialState, action) => {
+  switch (action.type) {
+  case PUSH:
+    return NavigationStack.router.getStateForAction(ActionForNativePage(action.pageName), state);
+  case POP:
+    if (action.pageName) {
+      return NavigationStack.router.getStateForAction(ActionForNativePage(action.pageName), state);
+    }
+    return NavigationStack.router.getStateForAction(NavigationActions.back(), state);
+  case TAB:
+    if (action.pageName) {
+      return NavigationStack.router.getStateForAction(
+        { type: NavigationActions.NAVIGATE, routeName: action.pageName },
+        state,
+      );
+    }
+    return state;
+  case NavigationActions.NAVIGATE: // 首页tabBar 切换
+    return NavigationStack.router.getStateForAction(action, state);
+
+  case NavigationActions.BACK:
+    return NavigationStack.router.getStateForAction(NavigationActions.back(), state);
+  default:
+    return state;
+  }
+};
+
+export default nav;

src/MainApp.js

+/**
+ * @flow
+ */
+
+import React, { Component } from 'react';
+import { AppState, Text, SafeAreaView } from 'react-native';
+import { Provider } from 'react-redux';
+import { PersistGate } from 'redux-persist/es/integration/react';
+import configureStore from './basicStore';
+import BasicNavigator from './BasicNavigator';
+import StyleSheet from './utils/StyleSheet';
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+})
+
+const { store, persistor } = configureStore()
+
+class MainApp extends Component {
+  componentDidMount() {
+    //if (AssetsModule.dismisToast) {
+    //  AssetsModule.dismisToast()
+    //}
+
+    AppState.addEventListener('change', this.handleAppChange);
+  }
+
+  componentWillUnmount() {
+    AppState.removeEventListener('change', this.handleAppChange);
+    //if (AssetsModule.dismisToast) {
+    //  AssetsModule.dismisToast()
+    //}
+  }
+
+  handleAppChange = (currentAppState : string) => {
+    //console.log('handleAppChange:')
+    if (currentAppState === 'active') {
+      //checkForUpdate(true)
+    }
+  }
+
+
+  render() {
+    return (
+      <Provider store={store}>
+        <PersistGate loading={<Text>Loading...</Text>} persistor={persistor}>
+          <SafeAreaView style={styles.container}>
+            <BasicNavigator param={this.props} />
+          </SafeAreaView>
+        </PersistGate>
+      </Provider>
+    );
+  }
+}
+
+export default MainApp;

src/ThemePage/index.js

+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ * @flow
+ */
+
+import React, { Component } from 'react';
+import {
+  StyleSheet,
+  Text,
+  View,
+  TouchableOpacity,
+} from 'react-native';
+import { connect } from 'react-redux';
+import { compose } from 'redux';
+import { push, tab } from '../BasicNavigator/actions';
+import themeType from '../theme';
+import themeAction from '../theme/action';
+
+
+type Props = {};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    margin: 5,
+  },
+});
+
+
+class ThemePage extends Component<Props> {
+
+  render() {
+    const { theme, setCurrentTheme } = this.props
+    return (
+      <View style={styles.container}>
+        <Text style={styles.instructions}>ThemeDemo</Text>
+        <TouchableOpacity onPress={() => {
+          setCurrentTheme(themeType.blackTheme);//Object.assign
+        }}
+        >
+          <Text style={styles.instructions, { color: theme.themeColor }}>启动黑色主题</Text>
+        </TouchableOpacity>
+        <TouchableOpacity onPress={() => {
+          setCurrentTheme(themeType.defaultTheme);//Object.assign
+        }}
+        >
+          <Text style={styles.instructions, { color: theme.themeColor }}>启动蓝色主题</Text>
+        </TouchableOpacity>
+        <TouchableOpacity onPress={() => {
+          setCurrentTheme(themeType.redTheme);//Object.assign
+        }}
+        >
+          <Text style={styles.instructions, { color: theme.themeColor }}>启动红色主题</Text>
+        </TouchableOpacity>
+      </View>
+    );
+  }
+}
+
+function propsMapping(props) {
+  const { nav, theme } = props
+  return {
+    nav,
+    theme,
+  };
+}
+
+function actionMapping(dispatch) {
+  return {
+    push: compose(dispatch, push),
+    tab: compose(dispatch, tab),
+    setCurrentTheme: compose(dispatch, themeAction.setCurrentTheme),
+  };
+}
+export default connect(propsMapping, actionMapping)(ThemePage);

src/basicStore.js

+/**
+ * @flow
+ */
+//import _ from 'lodash'
+import devTools from 'remote-redux-devtools';
+import { Platform, AsyncStorage } from 'react-native';
+import {
+  persistStore,
+  persistCombineReducers,
+} from 'redux-persist';
+
+import { createStore, applyMiddleware, compose } from 'redux';
+import {
+  createReactNavigationReduxMiddleware,
+} from 'react-navigation-redux-helpers';
+
+import middleWare from './utils/middleware';
+import { markUpdateSuccess } from './utils/update';
+
+
+import AppReducer from './reducers';
+
+
+function setConfig() {
+  if (__DEV__) {
+    return {
+      key: 'root',
+      storage: AsyncStorage,
+      blacklist: ['loading'],
+    }; //'nav','theme'
+  }
+  return {
+    key: 'root',
+    storage: AsyncStorage,
+    whitelist: [
+      'theme',
+      'systemAPPStore',
+    ],
+  };
+}
+
+const config = setConfig()
+
+const appReducer = persistCombineReducers(config, AppReducer)
+
+
+const middleware = createReactNavigationReduxMiddleware(
+  state => state.nav,
+)
+
+function createAppStore(reducer) {
+  /* eslint-disable */
+  const devEnhancer = devTools({
+    name: Platform.OS,
+    hostname: 'localhost',
+    port: 5678,
+  })
+  const productionEnhancer = compose(middleWare,applyMiddleware(middleware))
+  const fn='__REDUX_DEVTOOLS_EXTENSION_COMPOSE__'
+  let devMac= window[fn] ? window[fn]():devEnhancer
+  //console.log('devMac:', devMac)
+  //devMac 和enhancer 二选一,如果使用和enhancer,  package.json 里面postinstall 脚本块需要替换成postinstall-devTools
+  const enhancer = __DEV__ ? compose(productionEnhancer, devMac /* enhancer */) : productionEnhancer
+    /* eslint-enabled */
+  const store = createStore(
+    reducer,
+undefined,
+    enhancer
+  )
+return store
+}
+
+function configureStore() {
+  let store = createAppStore(appReducer);
+  let persistor = persistStore(store,null,onStoreInit);
+  return { persistor, store }
+}
+
+function onStoreInit (){
+  if(markUpdateSuccess) {
+    markUpdateSuccess()
+  }
+}
+
+export default configureStore

src/components/BasicIcon.js

+/**
+ * @flow
+ */
+
+import React from 'react';
+import Entypo from 'react-native-vector-icons/Entypo';
+import FontAwesome from 'react-native-vector-icons/FontAwesome';
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import Octicons from 'react-native-vector-icons/Octicons';
+import Zocial from 'react-native-vector-icons/Zocial';
+import EvilIcons from 'react-native-vector-icons/EvilIcons';
+import Foundation from 'react-native-vector-icons/Foundation';
+import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
+
+const mapping = {
+  Entypo,
+  FontAwesome,
+  Ionicons,
+  Octicons,
+  Zocial,
+  EvilIcons,
+  Foundation,
+  MaterialIcons,
+};
+
+type SuiteType = 'Entypo'
+  | 'FontAwesome'
+  | 'Ionicons'
+  | 'Octicons'
+  | 'Zocial'
+  | 'EvilIcons'
+  | 'Foundation'
+  | 'MaterialIcons';
+
+
+export type IconType = {
+  suite: SuiteType,
+  name: string,
+  color?: string,
+  size?: number,
+}
+
+export default function BasicIcon(props: IconType) {
+  const { suite, ...extraProps } = {
+    color: 'white',
+    size: 30,
+    ...props,
+  }
+  const VectorIcon = mapping[suite]
+  return <VectorIcon {...extraProps} />;
+}

src/components/TabOptions/TabButton.js

+/**
+ * @flow
+ * Created by Rabbit on 2019-04-30.
+ */
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { View, Text } from 'react-native';
+import BasicIcon from '../BasicIcon';
+
+type Props = {}
+
+class TabButton extends Component<Props> {
+  render() {
+    const { theme, iconSuite, tabBarIconName, tabBarTitle, focused } = this.props
+    const color = focused ? theme.themeColor : theme.Colors.charcoal;
+    return (
+      <View style={{ alignItems: 'center' }}>
+        <BasicIcon
+          style={{ margin: 0, padding: 0 }}
+          suite={iconSuite}
+          name={tabBarIconName}
+          size={28}
+          color={color}
+        />
+        <Text
+          style={{ color }}
+          textAlign="center"
+        >
+          {tabBarTitle}
+        </Text>
+      </View>
+    );
+  }
+}
+
+function propsMapping({ theme }) {
+  return {
+    theme,
+  };
+}
+
+export default connect(propsMapping, null)(TabButton);

src/components/TabOptions/index.js

+/**
+ * @flow
+ * Created by Rabbit on 2019-04-30.
+ */
+
+import React from 'react';
+
+import TabButton from './TabButton';
+
+
+export function TabOptions(tabBarTitle : string, iconSuite : string, tabBarIconName : string) {
+  const title = tabBarTitle;
+  const tabBarIcon = ({ focused }: { focused : boolean }) => {
+    return (
+      <TabButton
+        iconSuite={iconSuite}
+        tabBarIconName={tabBarIconName}
+        tabBarTitle={tabBarTitle}
+        focused={focused}
+      />
+    );
+  };
+  const tabBarVisible = true;
+  return { title, tabBarVisible, tabBarIcon };
+}
+
+

src/home/FramePage.js

+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ * @flow
+ */
+
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import { compose } from 'redux';
+import {
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  View,
+} from 'react-native';
+import { push } from '../BasicNavigator/actions';
+
+
+type Props = {};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5,
+  },
+});
+
+class FramePage extends Component<Props> {
+  render() {
+    console.log('HOMEPage', this.props);
+    return (
+      <View style={styles.container}>
+        <TouchableOpacity onPress={() => { this.props.push('ThemePage'); }}>
+          <Text style={styles.instructions}>Frame</Text>
+        </TouchableOpacity>
+      </View>
+    );
+  }
+}
+
+
+function actionMapping(dispatch) {
+  return {
+    push: compose(dispatch, push),
+  };
+}
+//const mapDispatchToProps = dispatch => (bindActionCreators({goNext}, dispatch))
+
+export default connect(null, actionMapping)(FramePage);

src/home/JSComponentList.js

+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ * @flow
+ */
+
+import React, { Component } from 'react';
+import {
+  StyleSheet,
+  Text,
+  View,
+  TouchableOpacity,
+} from 'react-native';
+import { connect } from 'react-redux';
+import { compose } from 'redux';
+import { push } from '../BasicNavigator/actions';
+
+
+type Props = {};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5,
+  },
+});
+
+class JSComponentList extends Component<Props> {
+  render() {
+    console.log('MainPage', this.props);
+    return (
+      <View style={styles.container}>
+        <TouchableOpacity onPress={() => { this.props.push('JSPage'); }}>
+          <Text style={styles.instructions}>JSComponentList</Text>
+        </TouchableOpacity>
+      </View>
+    );
+  }
+}
+
+
+function actionMapping(dispatch) {
+  return {
+    push: compose(dispatch, push),
+  };
+}
+
+export default connect(null, actionMapping)(JSComponentList);

src/home/NativeComponentList.js

+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ * @flow
+ */
+
+import React, { Component } from 'react';
+import {
+  StyleSheet,
+  Text,
+  View,
+} from 'react-native';
+
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { push } from '../BasicNavigator/actions';
+
+
+type Props = {};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5,
+  },
+});
+
+class NativeComponentList extends Component<Props> {
+  render() {
+    console.log('ServicePage', this.props);
+    return (
+      <View style={styles.container}>
+          <Text style={styles.instructions}>NativeComponentList</Text>
+      </View>
+    );
+  }
+}
+
+function actionMapping(dispatch) {
+  return {
+    push: compose(dispatch, push),
+  };
+}
+export default connect(null, actionMapping)(NativeComponentList);

src/jsComponent/JSPage.js

+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ * @flow
+ */
+
+import React, { Component } from 'react';
+import {
+  Platform, StyleSheet, Text, View, TouchableOpacity,
+} from 'react-native';
+
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { push,tab } from '../BasicNavigator/actions';
+
+
+type Props = {};
+
+class JSPage extends Component<Props> {
+  render() {
+    console.log('JSPage', this.props);
+    return (
+      <View style={styles.container}>
+        <TouchableOpacity onPress={() => { this.props.push('NativePage'); }}>
+          <Text style={styles.instructions}>JSPage</Text>
+        </TouchableOpacity>
+        <TouchableOpacity onPress={() => { this.props.tab('ServicePage'); }}>
+          <Text style={styles.instructions}>Tab切换</Text>
+        </TouchableOpacity>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5,
+  },
+});
+function propsMapping(props, extProps) {
+  const { nav } = props
+  return {
+    nav,
+  };
+}
+function actionMapping(dispatch) {
+  return {
+    push: compose(dispatch, push),
+    tab: compose(dispatch, tab),
+  };
+}
+//const mapDispatchToProps = dispatch => (bindActionCreators({goNext}, dispatch))
+
+export default connect(propsMapping, actionMapping)(JSPage);

src/nativeComponent/NativePage.js

+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ * @flow
+ */
+
+import React, { Component } from 'react';
+import {
+  Platform, StyleSheet, Text, View, TouchableOpacity,
+} from 'react-native';
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { pop } from '../BasicNavigator/actions';
+
+type Props = {
+  routes: Array,
+  pop: () => void
+};
+class NativePage extends Component<Props> {
+  render() {
+    console.log('NativePage', this.props);
+    return (
+
+      <View style={styles.container}>
+        <Text style={styles.instructions}>NativePage</Text>
+
+        <TouchableOpacity onPress={() => {
+          console.log('onPress', this.props);
+          const { routes } = this.props
+          this.props.pop('TabPage');
+        }}
+        >
+          <Text style={styles.instructions}>回首页</Text>
+        </TouchableOpacity>
+      </View>
+
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5,
+  },
+});
+function propsMapping(props, extProps) {
+  console.log(extProps);
+  const { nav } = props;
+  return {
+    routes: nav ? nav.routes : [],
+  };
+}
+function actionMapping(dispatch) {
+  return {
+    pop: compose(dispatch, pop),
+  };
+}
+//const mapDispatchToProps = dispatch => (bindActionCreators({goNext}, dispatch))
+
+export default connect(propsMapping, actionMapping)(NativePage);

src/reducers.js

+/**
+ * @flow
+ */
+
+import nav from './BasicNavigator/reducer';
+import theme from './theme/reducer';
+
+const reducers = {
+  nav,
+  theme,
+};
+
+export default reducers;

src/theme/ApplicationStyles.js

+/**
+ * @flow
+ */
+import Fonts from './Fonts';
+import Metrics from './Metrics';
+import Colors from './Colors';
+
+const ApplicationStyles = {
+  screen: {
+    mainContainer: {
+      flex: 1,
+      backgroundColor: Colors.transparent,
+    },
+    backgroundImage: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0,
+    },
+    container: {
+      flex: 1,
+      paddingTop: Metrics.baseMargin,
+      backgroundColor: Colors.transparent,
+    },
+    section: {
+      margin: Metrics.section,
+      padding: Metrics.baseMargin,
+    },
+    sectionText: {
+      ...Fonts.style.normal,
+      paddingVertical: Metrics.doubleBaseMargin,
+      color: Colors.snow,
+      marginVertical: Metrics.smallMargin,
+      textAlign: 'center',
+    },
+    subtitle: {
+      color: Colors.snow,
+      padding: Metrics.smallMargin,
+      marginBottom: Metrics.smallMargin,
+      marginHorizontal: Metrics.smallMargin,
+    },
+    titleText: {
+      ...Fonts.style.h2,
+      fontSize: 14,
+      color: Colors.text,
+    },
+  },
+  darkLabelContainer: {
+    padding: Metrics.smallMargin,
+    paddingBottom: Metrics.doubleBaseMargin,
+    borderBottomColor: Colors.border,
+    borderBottomWidth: 1,
+    marginBottom: Metrics.baseMargin,
+  },
+  darkLabel: {
+    fontFamily: Fonts.type.bold,
+    color: Colors.snow,
+  },
+  groupContainer: {
+    margin: Metrics.smallMargin,
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+    alignItems: 'center',
+  },
+  sectionTitle: {
+    ...Fonts.style.h4,
+    color: Colors.coal,
+    backgroundColor: Colors.ricePaper,
+    padding: Metrics.smallMargin,
+    marginTop: Metrics.smallMargin,
+    marginHorizontal: Metrics.baseMargin,
+    borderWidth: 1,
+    borderColor: Colors.ember,
+    alignItems: 'center',
+    textAlign: 'center',
+  },
+}
+
+export default ApplicationStyles

src/theme/Colors.js

+/**
+ * @flow
+ * @type {{bloodOrange : string, border : string, steel : string,
+ * ember : string, facebook : string, clear : string,
+ * drawer : string, banner : string, error : string, transparent : string,
+ * windowTint : string, cloud : string, background : string, frost : string,
+ * snow : string, coal : string, fire : string, silver : string, panther : string,
+ * charcoal : string, text : string, eggplant : string, ricePaper : string}}
+ */
+const colors = {
+  background: '#1F0808',
+  clear: 'rgba(0,0,0,0)',
+  facebook: '#3b5998',
+  transparent: 'rgba(0,0,0,0)',
+  silver: '#F7F7F7',
+  steel: '#CCCCCC',
+  error: 'rgba(200, 0, 0, 0.8)',
+  ricePaper: 'rgba(255,255,255, 0.75)',
+  frost: '#D8D8D8',
+  cloud: 'rgba(200,200,200, 0.35)',
+  windowTint: 'rgba(0, 0, 0, 0.4)',
+  panther: '#161616',
+  charcoal: '#595959',
+  coal: '#2d2d2d',
+  bloodOrange: '#fb5f26',
+  snow: 'white',
+  ember: 'rgba(164, 0, 48, 0.5)',
+  fire: '#e73536',
+  drawer: 'rgba(30, 30, 29, 0.95)',
+  eggplant: '#251a34',
+  border: '#483F53',
+  banner: '#5F3E63',
+  text: '#E0D7E5',
+};
+
+export default colors;

src/theme/Fonts.js

+/**
+ * @flow
+ * @type {{small : number, input : number, tiny : number,
+ * h1 : number, h2 : number, h3 : number, medium : number,
+ * h4 : number, h5 : number, h6 : number, regular : number}}
+ */
+const size = {
+  h1: 38,
+  h2: 34,
+  h3: 30,
+  h4: 26,
+  h5: 20,
+  h6: 19,
+  input: 18,
+  regular: 17,
+  medium: 14,
+  small: 12,
+  tiny: 8.5,
+};
+
+const style = {
+  h1: {
+    fontSize: size.h1,
+  },
+  h2: {
+    fontWeight: 'bold',
+    fontSize: size.h2,
+  },
+  h3: {
+    fontSize: size.h3,
+  },
+  h4: {
+    fontSize: size.h4,
+  },
+  h5: {
+    fontSize: size.h5,
+  },
+  h6: {
+    fontSize: size.h6,
+  },
+  normal: {
+    fontSize: size.regular,
+  },
+  description: {
+    fontSize: size.medium,
+  },
+};
+
+const type = {
+
+}
+
+export default {
+  type,
+  size,
+  style,
+};

src/theme/Images.js

+// leave off @2x/@3x
+const images = {
+  //logo: require('../Images/ir.png'),
+  //clearLogo: require('../Images/top_logo.png'),
+  //launch: require('../Images/launch-icon.png'),
+  //ready: require('../Images/your-app.png'),
+  //ignite: require('../Images/ignite_logo.png'),
+  //igniteClear: require('../Images/ignite-logo-transparent.png'),
+  //tileBg: require('../Images/tile_bg.png'),
+  //background: require('../Images/BG.png'),
+  //buttonBackground: require('../Images/button-bg.png'),
+  //api: require('../Images/Icons/icon-api-testing.png'),
+  //components: require('../Images/Icons/icon-components.png'),
+  //deviceInfo: require('../Images/Icons/icon-device-information.png'),
+  //faq: require('../Images/Icons/faq-icon.png'),
+  //home: require('../Images/Icons/icon-home.png'),
+  //theme: require('../Images/Icons/icon-theme.png'),
+  //usageExamples: require('../Images/Icons/icon-usage-examples.png'),
+  //chevronRight: require('../Images/Icons/chevron-right.png'),
+  //hamburger: require('../Images/Icons/hamburger.png'),
+  //backButton: require('../Images/Icons/back-button.png'),
+  //closeButton: require('../Images/Icons/close-button.png')
+}
+
+export default images

src/theme/Metrics.js

+import {Dimensions, Platform} from 'react-native';
+
+const { width, height } = Dimensions.get('window')
+
+// Used via Metrics.baseMargin
+const metrics = {
+  marginHorizontal: 10,
+  marginVertical: 10,
+  section: 25,
+  baseMargin: 10,
+  doubleBaseMargin: 20,
+  smallMargin: 5,
+  doubleSection: 50,
+  horizontalLineHeight: 1,
+  screenWidth: width < height ? width : height,
+  screenHeight: width < height ? height : width,
+  navBarHeight: (Platform.OS === 'ios') ? 64 : 54,
+  buttonRadius: 4,
+  icons: {
+    tiny: 15,
+    small: 20,
+    medium: 30,
+    large: 45,
+    xl: 50,
+  },
+  images: {
+    small: 20,
+    medium: 40,
+    large: 60,
+    logo: 200,
+  },
+}
+
+export default metrics

src/theme/action.js

+/**
+ * @flow
+ * @param payload
+ * @returns {{payload : boolean, type : string}}
+ */
+
+function setCurrentThemeName(payload: string) {
+  return {
+    type: 'theme/currentThemeName',
+    payload,
+  };
+}
+
+function setCurrentTheme(payload: Object) {
+  return {
+    type: 'theme/currentTheme',
+    payload,
+  };
+}
+
+export default {
+  setCurrentThemeName,
+  setCurrentTheme,
+};

src/theme/black/index.js

+/**
+ * @flow
+ */
+import Colors from '../Colors';
+import Fonts from '../Fonts';
+import Metrics from '../Metrics';
+import Images from '../Images';
+import ApplicationStyles from '../ApplicationStyles';
+
+const themeColor = Colors.panther
+
+export default {
+  Colors, Fonts, Images, Metrics, ApplicationStyles, themeColor,
+};

src/theme/default/index.js

+/**
+ * @flow
+ */
+import Colors from '../Colors';
+import Fonts from '../Fonts';
+import Metrics from '../Metrics';
+import Images from '../Images';
+import ApplicationStyles from '../ApplicationStyles';
+
+const themeColor = Colors.facebook
+
+export default {
+  Colors, Fonts, Images, Metrics, ApplicationStyles, themeColor,
+};