Browse Source

top tabs example layout fix (#2513)

yogevbd 6 years ago
parent
commit
57f5d6dbe4
No account linked to committer's email address
1 changed files with 41 additions and 33 deletions
  1. 41
    33
      playground/src/screens/WelcomeScreen.js

+ 41
- 33
playground/src/screens/WelcomeScreen.js View File

@@ -209,45 +209,53 @@ class WelcomeScreen extends Component {
209 209
 
210 210
   onClickPushTopTabsScreen() {
211 211
     Navigation.push(this.props.componentId, {
212
-      topTabs: [
213
-        {
214
-          name: 'navigation.playground.TopTabOptionsScreen',
215
-          passProps: {
216
-            title: 'Tab 1',
217
-            text: 'This is top tab 1'
218
-          },
219
-          options: {
220
-            topTab: {
221
-              title: 'Tab 1'
212
+      topTabs: {
213
+        children: [
214
+          {
215
+            component: {
216
+              name: 'navigation.playground.TopTabOptionsScreen',
217
+              passProps: {
218
+                title: 'Tab 1',
219
+                text: 'This is top tab 1'
220
+              },
221
+              options: {
222
+                topTab: {
223
+                  title: 'Tab 1'
224
+                }
225
+              }
222 226
             }
223
-          }
224
-        },
225
-        {
226
-          name: 'navigation.playground.TopTabScreen',
227
-          passProps: {
228
-            title: 'Tab 2',
229
-            text: 'This is top tab 2'
230 227
           },
231
-          options: {
232
-            topTab: {
233
-              title: 'Tab 2',
234
-              titleFontFamily: 'HelveticaNeue-Italic'
228
+          {
229
+            component: {
230
+              name: 'navigation.playground.TopTabScreen',
231
+              passProps: {
232
+                title: 'Tab 2',
233
+                text: 'This is top tab 2'
234
+              },
235
+              options: {
236
+                topTab: {
237
+                  title: 'Tab 2',
238
+                  titleFontFamily: 'HelveticaNeue-Italic'
239
+                }
240
+              }
235 241
             }
236
-          }
237
-        },
238
-        {
239
-          name: 'navigation.playground.TopTabScreen',
240
-          passProps: {
241
-            title: 'Tab 3',
242
-            text: 'This is top tab 3'
243 242
           },
244
-          options: {
245
-            topTab: {
246
-              title: 'Tab 3'
243
+          {
244
+            component: {
245
+              name: 'navigation.playground.TopTabScreen',
246
+              passProps: {
247
+                title: 'Tab 3',
248
+                text: 'This is top tab 3'
249
+              },
250
+              options: {
251
+                topTab: {
252
+                  title: 'Tab 3'
253
+                }
254
+              }
247 255
             }
248 256
           }
249
-        }
250
-      ],
257
+        ]
258
+      },
251 259
       options: {
252 260
         topTabs: {
253 261
           selectedTabColor: '#12766b',