Navigation.startTabBasedAppで定義されていない画面にトップタブを追加するにはどうすればよいですか？

Question

私の反応ネイティブアプリの画面にトップタブを追加したいと思います。私はナビゲーションネイティブナビゲーションを使用しています。私はNavigation.startTabBasedAppで定義されている私の画面のいずれかで簡単にそれを行うことができます。つまり、画面は私の下のタブの一つです。

下のタブの1つではない画面に上のタブが必要です。私は今それをしようとする方法をここでは

Navigation.startSingleScreenApp({ 
    screen: { 
     screen: 'screen', 
     title: 'screen' 
    }, 
    TopTabRootScreen: { 
     screen: 'ToptabRoot', 
     title: 'ToptabRoot', 
     navigatorStyle: {}, 
     topTabs: [ 
     { 
      screenId: 'toptab1', 
      icon: icon 
     }, 
     { 
      screenId: 'toptab2', 
      icon: icon 
     }] 
    } 
    }); 

は私がのために documentationを見つけることで反応し、ネイティブのナビゲーションI私は上記のコードは動作しない理由はよく分からない理由でかなり不足し、。

私はまた、このようなタブベースのアプリを起動します。それは画面内

static navigatorStyle = { 
}; 

が、それがどのように見えるか全く分からないなんとかかもしれないように私は感じ

Navigation.startTabBasedApp({ 
tabs: [ 
    { 
    label: 'tab1', 
    screen: 'tab1', 
    icon: icon, 
    selectedIcon: icon, 
    }, 
    title: 'tab1', 
    navigatorStyle: {}, 
    navigatorButtons: {} 
    }, 
    { 
    label: 'tab2', 
    screen: 'tab2', 
    icon: Icon, 
    selectedIcon: Icon, 
    title: 'tab2' 
    }, 
    { 
    label: 'tab3', 
    screen: 'tab3', 
    icon: Icon, 
    selectedIcon: Icon, 
    title: 'tab3' 
    { 
    label: 'tab4', 
    screen: 'tab4', 
    icon: Icon, 
    selectedIcon: Icon, 
    title: 'tab4', 
    navigatorButtons: 
    } 
}); 

を。これを行う方法についての助けをいただければ幸いです。

Answer 1

例topTabs画面が不在example app

this.props.navigator.push({ 
    screen: 'example.Types.TopTabs', 
    title: 'Top Tabs', 
    topTabs: [{ 
    screenId: 'example.Types.TopTabs.TabOne', 
    title: 'Tab One', 
    }, { 
    screenId: 'example.Types.TopTabs.TabTwo', 
    title: 'Tab Two', 
    }], 
});