upgraded default react-native version

.gitignore

@@ -16,3 +16,6 @@ node_modules
 testgrounds
 IntegrationTest
 integration_test
+
+# WebStorm
+.idea

boilerplate.js

@@ -175,11 +175,33 @@ async function install (context) {
 
     // now run install of Ignite Plugins
     if (answers['dev-screens'] === 'Yes') {
-      await system.spawn(`ignite add dev-screens@"~>2.2.0" ${debugFlag}`, {
+      await system.spawn(`ignite add dev-screens@"~>2.3.0" ${debugFlag}`, {
         stdio: 'inherit'
       })
     }
+    await ignite.addModule('react-navigation', { version: '3.0.0' })
+    await ignite.addModule('react-native-gesture-handler', { version: '1.0.9', link: true })
+
+    ignite.patchInFile(`${process.cwd()}/android/app/src/main/java/com/${name.toLowerCase()}/MainActivity.java`, {
+      after: 'import com.facebook.react.ReactActivity;',
+      insert: `
+      import com.facebook.react.ReactActivityDelegate;
+      import com.facebook.react.ReactRootView;
+      import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;`
+    })
 
+    ignite.patchInFile(`${process.cwd()}/android/app/src/main/java/com/${name.toLowerCase()}/MainActivity.java`, {
+      after: `public class MainActivity extends ReactActivity {`,
+      insert: '\n  @Override\n' +
+      '  protected ReactActivityDelegate createReactActivityDelegate() {\n' +
+      '    return new ReactActivityDelegate(this, getMainComponentName()) {\n' +
+      '      @Override\n' +
+      '      protected ReactRootView createRootView() {\n' +
+      '       return new RNGestureHandlerEnabledRootView(MainActivity.this);\n' +
+      '      }\n' +
+      '    };\n' +
+      '  }'
+    })
     if (answers['vector-icons'] === 'react-native-vector-icons') {
       await system.spawn(`ignite add vector-icons@"~>1.0.0" ${debugFlag}`, {
         stdio: 'inherit'
@@ -197,7 +219,7 @@ async function install (context) {
     }
 
     if (answers['redux-persist'] === 'Yes') {
-      await system.spawn(`ignite add redux-persist@"~>1.0.1" ${debugFlag}`, {
+      await system.spawn(`ignite add redux-persist@"~>5.10.0" ${debugFlag}`, {
         stdio: 'inherit'
       })
     }

boilerplate/.babelrc

@@ -1,5 +1,5 @@
 {
-  "presets": ["react-native"],
+  "presets": ["module:metro-react-native-babel-preset"],
   "env": {
     "production": {
       "plugins": ["ignite-ignore-reactotron"]

boilerplate/App/Config/index.js

@@ -1,9 +1,4 @@
-import { Text } from 'react-native'
 import DebugConfig from './DebugConfig'
-import AppConfig from './AppConfig'
-
-// Allow/disallow font-scaling in app
-Text.defaultProps.allowFontScaling = AppConfig.allowTextFontScaling
 
 if (__DEV__) {
   // If ReactNative's yellow box warnings are too much, it is possible to turn

boilerplate/App/Navigation/AppNavigation.js

@@ -1,10 +1,10 @@
-import { StackNavigator } from 'react-navigation'
+import { createStackNavigator, createAppContainer } from 'react-navigation'
 import LaunchScreen from '../Containers/LaunchScreen'
 
 import styles from './Styles/NavigationStyles'
 
 // Manifest of possible screens
-const PrimaryNav = StackNavigator({
+const PrimaryNav = createStackNavigator({
   LaunchScreen: { screen: LaunchScreen }
 }, {
   // Default config for all screens
@@ -15,4 +15,4 @@ const PrimaryNav = StackNavigator({
   }
 })
 
-export default PrimaryNav
+export default createAppContainer(PrimaryNav)

boilerplate/App/Navigation/ReduxNavigation.js

@@ -1,12 +1,21 @@
-import React from 'react'
+import * as React from 'react'
 import { BackHandler, Platform } from 'react-native'
-import { addNavigationHelpers } from 'react-navigation'
-import { createReduxBoundAddListener } from 'react-navigation-redux-helpers'
+import {
+  createReactNavigationReduxMiddleware,
+  reduxifyNavigator
+} from 'react-navigation-redux-helpers'
 import { connect } from 'react-redux'
 import AppNavigation from './AppNavigation'
 
+createReactNavigationReduxMiddleware(
+  'root',
+  (state) => state.nav
+)
+
+const ReduxAppNavigator = reduxifyNavigator(AppNavigation, 'root')
+
 class ReduxNavigation extends React.Component {
-  componentWillMount () {
+  componentDidMount () {
     if (Platform.OS === 'ios') return
     BackHandler.addEventListener('hardwareBackPress', () => {
       const { dispatch, nav } = this.props
@@ -22,13 +31,15 @@ class ReduxNavigation extends React.Component {
 
   componentWillUnmount () {
     if (Platform.OS === 'ios') return
-    BackHandler.removeEventListener('hardwareBackPress')
+    BackHandler.removeEventListener('hardwareBackPress', undefined)
   }
 
   render () {
-    return <AppNavigation navigation={addNavigationHelpers({ dispatch: this.props.dispatch, state: this.props.nav, addListener: createReduxBoundAddListener('root') })} />
+    return <ReduxAppNavigator dispatch={this.props.dispatch} state={this.props.nav} />
   }
 }
 
-const mapStateToProps = state => ({ nav: state.nav })
+const mapStateToProps = state => ({
+  nav: state.nav
+})
 export default connect(mapStateToProps)(ReduxNavigation)

boilerplate/package.json.ejs

@@ -24,10 +24,9 @@
     "querystringify": "1.0.0",
     "ramda": "^0.25.0",
     "react-native-config": "^0.10.0",
-    "react-navigation": "^1.5.11",
-    "react-navigation-redux-helpers": "^1.0.4",
+    "react-navigation-redux-helpers": "^2.0.6",
     "react-redux": "^5.0.6",
-    "redux": "^3.7.2",
+    "redux": "^4.0.0",
     "redux-saga": "^0.16.0",
     "reduxsauce": "0.7.0",
     "seamless-immutable": "^7.1.2"
@@ -45,9 +44,9 @@
     "mockery": "^2.1.0",
     "babel-plugin-ignite-ignore-reactotron": "^0.3.0",
     "react-dom": "16.3.0",
-    "reactotron-react-native": "^2.0.0-alpha.3",
-    "reactotron-redux": "^2.0.0-alpha.3",
-    "reactotron-redux-saga": "^2.0.0-alpha.3"
+    "reactotron-react-native": "^2.1.0",
+    "reactotron-redux": "^2.1.0",
+    "reactotron-redux-saga": "^2.1.0"
   },
   "jest": {
     "testMatch": [
@@ -61,6 +60,9 @@
     "moduleNameMapper": {
       "^.+\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "identity-obj-proxy"
     },
+    "transform": {
+       "^.+\\.(js)$": "<rootDir>/node_modules/react-native/jest/preprocessor.js"
+    },
     "setupFiles": [
       "<rootDir>/Tests/Setup"
     ],

lib/patterns.js

@@ -2,9 +2,11 @@ const constants = {
   PATTERN_IMPORTS: 'imports',
   PATTERN_ROUTES: 'routes'
 }
+//  [constants.PATTERN_IMPORTS]: `import[\\s\\S]*from\\s+'react-navigation';?`,
 
 module.exports = {
   constants,
-  [constants.PATTERN_IMPORTS]: `import[\\s\\S]*from\\s+'react-navigation';?`,
+
+  [constants.PATTERN_IMPORTS]: `import { createStackNavigator, createAppContainer } from 'react-navigation'`,
   [constants.PATTERN_ROUTES]: 'const PrimaryNav'
 }

lib/react-native-version.js

@@ -1,7 +1,7 @@
 const { pathOr, is } = require('ramda')
 
 // the default React Native version for this boilerplate
-const REACT_NATIVE_VERSION = '0.55.1'
+const REACT_NATIVE_VERSION = '0.57.7'
 
 // where the version lives under gluegun
 const pathToVersion = ['parameters', 'options', 'react-native-version']