|
@@ -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',
|