fix Example

Author: aksonov

Example/Example.js

@@ -89,20 +89,20 @@ const Example = () => (
                   >
                     <Scene key="tab_1_1" component={TabView} title="Tab #1_1" onRight={() => alert('Right button')} rightTitle="Right" />
 
-                    <Scene key="tab1_2" component={TabView} title="Tab #1_2" back titleStyle={{ color: 'black', alignSelf: 'center' }} />
+                    <Scene key="tab_1_2" component={TabView} title="Tab #1_2" back titleStyle={{ color: 'black', alignSelf: 'center' }} />
                   </Stack>
 
                   <Stack key="tab_2" title="Tab #2" icon={TabIcon} initial>
                     <Scene key="tab_2_1" component={TabView} title="Tab #2_1" renderRightButton={() => <Text>Right</Text>} />
-                    <Scene key="tab_2_2" component={TabView} title="Tab #2_2" onBack={() => alert('onBack button!')} hideDrawerButton backTitle="Back!" panHandlers={null} />
+                    <Scene key="tab_2_2" component={TabView} title="Tab #2_2" back onBack={() => alert('onBack button!')} hideDrawerButton backTitle="Back!" panHandlers={null} />
                   </Stack>
 
-                  <Stack key="tab_3">
-                    <Scene key="tab_3_1" component={TabView} title="Tab #3" icon={TabIcon} rightTitle="Right3" onRight={() => {}} />
+                  <Stack key="tab_3" icon={TabIcon} title="Tab #3">
+                    <Scene key="tab_3_1" component={TabView} rightTitle="Right3" onRight={() => {}} />
                   </Stack>
                   <Scene key="tab_4_1" component={TabView} title="Tab #4" hideNavBar icon={TabIcon} />
-                  <Stack key="tab_5">
-                    <Scene key="tab_5_1" component={TabView} title="Tab #5" icon={TabIcon} />
+                  <Stack key="tab_5" icon={TabIcon} title="Tab #5">
+                    <Scene key="tab_5_1" component={TabView} />
                   </Stack>
                 </Tabs>
               </Scene>

Example/components/TabView.js

@@ -1,14 +1,12 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import {
-  StyleSheet, Text, View, ViewPropTypes,
-} from 'react-native';
+import { StyleSheet, Text, View, ViewPropTypes } from 'react-native';
 import Button from 'react-native-button';
 import { Actions } from 'react-native-router-flux';
 
 const propTypes = {
   name: PropTypes.string.isRequired,
-  data: PropTypes.string.isRequired,
+  data: PropTypes.string,
   sceneStyle: ViewPropTypes.style,
   title: PropTypes.string.isRequired,
 };
@@ -32,10 +30,7 @@ class TabView extends React.Component {
   state = { hideNavBar: false };
 
   toggleNavBar = () => {
-    this.setState(
-      prevState => ({ hideNavBar: !prevState.hideNavBar }),
-      () => Actions.refresh({ hideNavBar: this.state.hideNavBar }),
-    );
+    this.setState(prevState => ({ hideNavBar: !prevState.hideNavBar }), () => Actions.refresh({ hideNavBar: this.state.hideNavBar }));
   };
 
   render() {
@@ -78,7 +73,7 @@ class TabView extends React.Component {
         </Button>
         <Button
           onPress={() => {
-            Actions.tab_5({ data: 'test!' });
+            Actions.tab_5_1({ data: 'test!' });
           }}
         >
           Switch to tab5 with data

Example/components/drawer/DrawerContent.js

@@ -1,8 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import {
-  StyleSheet, Text, View, ViewPropTypes,
-} from 'react-native';
+import { StyleSheet, Text, View, ViewPropTypes } from 'react-native';
 import Button from 'react-native-button';
 import { Actions } from 'react-native-router-flux';
 
@@ -43,7 +41,7 @@ class DrawerContent extends React.Component {
         <Button onPress={Actions.tab_4_1}>Switch to tab4</Button>
         <Button
           onPress={() => {
-            Actions.tab_5({ data: 'test!' });
+            Actions.___tab_5({ data: 'test!' });
           }}
         >
           Switch to tab5 with data