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>
);
更新:問題を修正したため、これは終了しました。お手伝いありがとう。
をタブバー「キーのためのシーンは 『』は存在しません。」、あなたが答えてくれてありがとうユージンは、私はあなたのコード、次の試してみましたが、私はエラーを得ました。これは、シーン 'root'から 'tabs'プロパティを削除したためです。私はそれを取り戻そうとしたが、それはうまく動作するが、私はまだタブバーを見つけることができない。 –
私が知っているように、子を持つシーンは 'component'プロパティを持つべきではありません。あなたのルートシーンがしている間。多分それは問題ですか? –
努力のために@ EugeneZininに感謝します。問題を引き起こしているものが見つかりました。なぜなら、 'シーン'宣言の先頭にクラス 'TabbarIcon'を宣言しなかったからです。私はまだコンパイルされた言語からスクリプト言語にちょっとした調整をしているので、この基本的なことを忘れてしまった。とにかくありがとうございます。 –