2016-07-22 27 views
0

反応ネイティブルータフラックスでタブバーを表示するのに問題があります。反応しないネイティブルータフラックスタブバーが表示されない

私はこのようなシーンを作成しています。私はタブバーの最初のタブを表示することができましたが、タブバーを下に表示することはできません。助けてくれてありがとう。

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> 
); 

更新:問題を修正したため、これは終了しました。お手伝いありがとう。

答えて

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> 
); 
+0

をタブバー「キーのためのシーンは 『』は存在しません。」、あなたが答えてくれてありがとうユージンは、私はあなたのコード、次の試してみましたが、私はエラーを得ました。これは、シーン 'root'から 'tabs'プロパティを削除したためです。私はそれを取り戻そうとしたが、それはうまく動作するが、私はまだタブバーを見つけることができない。 –

+0

私が知っているように、子を持つシーンは 'component'プロパティを持つべきではありません。あなたのルートシーンがしている間。多分それは問題ですか? –

+0

努力のために@ EugeneZininに感謝します。問題を引き起こしているものが見つかりました。なぜなら、 'シーン'宣言の先頭にクラス 'TabbarIcon'を宣言しなかったからです。私はまだコンパイルされた言語からスクリプト言語にちょっとした調整をしているので、この基本的なことを忘れてしまった。とにかくありがとうございます。 –

関連する問題