如何在React-Native-native-router-flux中组合选项卡和Navbar

Question

我想为我的应用程序设置屏幕标头创建下一个结构：

|<-  Settings     |
|-----------------|
| Tab 1  |  Tab 2 |
|-----------------|
|                 |
|   Active tab    |
|    content      |
|                 |
|                 |

我试图这样做：

<Provider store={store}>
    <RouterWithRedux>
        <Scene key="root">
            <Scene key="landing" component={Landing} title="Landing" initial={true} />
            <Scene tabs key="rootTabBar" back wrap={false} title="Settings">
                <Scene key="home" component={Home} title="Home" icon={TabIcon} initial />
                <Scene key="search" component={Search} title="Search" icon={TabIcon} />
            </Scene>
        </Scene>
    </RouterWithRedux>
</Provider>

但我没有得到我的期望，在附件上是错误的选项卡名称

Answer 1

此代码对我有用

 <Scene key="root" hideNavBar headerStyle={{ marginTop:STATUSBAR_HEIGHT, elevation:0}} >
            <Scene key="main" hideNavBar >
                <Scene key="newsList"
                    tabs={true}
                    hideNavBar={false}
                    headerMode='none'
                    navBar={Header}
                    wrap={false}
                >
                    <Scene key="TehcList" component={TehcList} title="Teknoloji" />
                    <Scene key="GameList" component={GameList} title="Oyun" />
                </Scene>
            </Scene>
        </Scene>

Answer 2

尝试这个。

import {Router, Scene} from 'react-native-router-flux';
import Home from './screens/Home';
import Post from './screens/Post';
import Forum from './screens/Forum';
const Routes = () => (
    <Router>
       <Scene key = "root">
          <Scene key = "main" 
                tabs={true} 
                hideNavBar={true} 
                tabBarStyle={styles.navigationTabBar} 
                hideBackImage={true}>  
                    <Scene key = "home" component = {Home} title = "Home" initial={true} hideNavBar = {true}/>
                    <Scene key = "post" component = {Post} title = "Post" hideNavBar = {true} />
                    <Scene key = "forum" component = {Forum} title = "Forum" hideNavBar = {true} />
          </Scene>
       </Scene>
    </Router>
 )
 export default Routes

从http：//pythonic.ninja/how-to-to-nested-to-nest-tab-used-used-router-native-native-native-native-native-native-native-native-native-native-native-native-native-native-natter-flux.html`