react-native-router-flux tabbar가 표시되지 않습니다.

Question

반응 네이티브 라우터 플럭스에 tabbar가 표시되는 데 문제가 있습니다.

이렇게 내 장면을 만듭니다. 탭바의 첫 번째 탭을 표시 할 수 있었지만 하단에 표시되도록 탭바를 만들 수는 없습니다. 어떤 도움을 주셔서 감사합니다.

const scenes = Actions.create(
    <Scene key='root' tabs={true} unmountScenes 
     component={connect(stateToProps)(Switch)} 
     selector={props => props.isLoggedIn ? 'tabBar' : 'login'}> 
    <Scene key='splash' component={Splash} title='' 
     hideNavBar={false} /> 
    <Scene key='login' component={Login} title='' 
     hideNavBar={true} /> 
    <Scene key='signup' component={Signup} title='Signup' 
     hideNavBar={false} /> 
    <Scene key="tabBar" tabs icon={TabbarIcon} tabBarStyle={styles.tabBarStyle}> 
     <Scene key='home' component={Home} title='Home' initial={true} 
     icon={TabbarIcon} /> 
     <Scene key='diary' component={Diary} title='Diary' 
     icon={TabbarIcon} /> 
     <Scene key='cabinet' component={Cabinet} title='Cabinet' 
     icon={TabbarIcon} /> 
    </Scene> 
    </Scene> 
); 

업데이트 : 문제가 수정되어 폐쇄되었습니다. 도와 주셔서 감사합니다.

Answer 1

tabs 속성은 모든 장면에서 제거해야하지만 tabBar입니다. tabBar 장면에서 icon 속성도 제거하십시오. 다른 모든 것은 괜찮아 보입니다.

이 작동합니다 :

const scenes = Actions.create(
    <Scene key='root' unmountScenes 
     component={connect(stateToProps)(Switch)} 
     selector={props => props.isLoggedIn ? 'tabBar' : 'login'}> 
    <Scene key='splash' component={Splash} title='' 
     hideNavBar={false} /> 
    <Scene key='login' component={Login} title='' 
     hideNavBar={true} /> 
    <Scene key='signup' component={Signup} title='Signup' 
     hideNavBar={false} /> 
    <Scene key="tabBar" tabs tabBarStyle={styles.tabBarStyle}> 
     <Scene key='home' component={Home} title='Home' initial={true} 
     icon={TabbarIcon} /> 
     <Scene key='diary' component={Diary} title='Diary' 
     icon={TabbarIcon} /> 
     <Scene key='cabinet' component={Cabinet} title='Cabinet' 
     icon={TabbarIcon} /> 
    </Scene> 
    </Scene> 
);