Implement passProps for TopTab screens

example-redux/src/app.js

@@ -70,43 +70,35 @@ export default class App {
             topTabs: [
               {
                 screenId: 'example.ListScreen',
-                title: 'Tab1'
+                title: 'Tab1',
+                 passProps: {
+                   str: 'This is a prop passed to Tab1'
+                 }
               },
               {
                 screenId: 'example.PushedScreen',
-                title: 'Tab2'
+                title: 'Tab2',
+                passProps: {
+                  str: 'This is a prop passed to Tab2'
+                }
+
               },
               {
                 screenId: 'example.PushedScreen',
-                title: 'Tab3'
+                title: 'Tab3',
+                passProps: {
+                  str: 'This is a prop passed to Tab3'
+                }
               },
               {
                 screenId: 'example.FirstTabScreen',
-                title: 'Tab4'
+                title: 'Tab4',
+                passProps: {
+                  str: 'This is a prop passed to Tab4'
+                }
               }
             ],
             navigatorStyle: {}
-          },
-          passProps: {
-            str: 'This is a prop passed in \'startSingleScreenApp()\'!',
-            obj: {
-              str: 'This is a prop passed in an object!',
-              arr: [
-                {
-                  str: 'This is a prop in an object in an array in an object!'
-                }
-              ],
-              arr2: [
-                [
-                  'array of strings',
-                  'with two strings'
-                ],
-                [
-                  1, 2, 3
-                ]
-              ]
-            },
-            num: 1234
           }
         });
         return;

example-redux/src/screens/FirstTabScreen.js

@@ -134,8 +134,8 @@ class FirstTabScreen extends Component {
 
         <Text style={{fontWeight: '500'}}>String prop: {this.props.str}</Text>
         <Text style={{fontWeight: '500'}}>Number prop: {this.props.num}</Text>
-        <Text style={{fontWeight: '500'}}>Object prop: {this.props.obj.str}</Text>
-        <Text style={{fontWeight: '500'}}>Array prop: {this.props.obj.arr[0].str}</Text>
+        {this.props.obj ? <Text style={{fontWeight: '500'}}>Object prop: {this.props.obj.str}</Text> : false}
+        {this.props.obj && this.props.obj.arr ? <Text style={{fontWeight: '500'}}>Array prop: {this.props.obj.arr[0].str}</Text> : false}
       </View>
     );
   }

example-redux/src/screens/PushedScreen.js

@@ -67,7 +67,7 @@ class PushedScreen extends Component {
 
   render() {
     return (
-      <View style={{flex: 1, padding: 20, backgroundColor: this.bgColor}}>
+      <ScrollView style={{flex: 1, padding: 20, backgroundColor: this.bgColor}}>
 
         <Text style={styles.text}>
           <Text style={{fontWeight: '500'}}>Counter: </Text> {this.props.counter.count}
@@ -117,10 +117,10 @@ class PushedScreen extends Component {
 
         <Text style={{fontWeight: '500'}}>String prop: {this.props.str}</Text>
         <Text style={{fontWeight: '500'}}>Number prop: {this.props.num}</Text>
-        <Text style={{fontWeight: '500'}}>Object prop: {this.props.obj.str}</Text>
-        <Text style={{fontWeight: '500'}}>Array prop: {this.props.obj.arr[0].str}</Text>
+        {this.props.obj ? <Text style={{fontWeight: '500'}}>Object prop: {this.props.obj.str}</Text> : false}
+        {this.props.obj && this.props.obj.arr ? <Text style={{fontWeight: '500'}}>Array prop: {this.props.obj.arr[0].str}</Text> : false}
 
-      </View>
+      </ScrollView>
     );
   }