0

認証に成功すると、ユーザーがナビゲーションドロワー付きのホームページにリダイレクトされるログインインターフェイスを備えた、反応ネイティブを学習するアプリを作成しようとしています。これは、今日のほとんどのモバイルアプリの標準です。

これを実装するために、react -native-router-fluxreact-native-drawer-layoutを使用しました。

ドロワーが機能するようになりましたが、ログイン ページからホームページ (レシピ) にアクセスすると、戻るボタンが表示され、react-native-drawer-layout API に記載されているようにドロワー アイコンを設定できないようです。私が何をしようとしても。

引き出しが開いているが戻るボタンが表示されているホームページ

問題はルーターにあると思います。この特定のシナリオで定義されているシーンは次のとおりです。

const App = () => {
  return (
    <Router navigationBarStyle={styles.navBar}
            titleStyle={styles.navTitle}
            sceneStyle={styles.routerScene}
            barButtonIconStyle={styles.barButton} >
      <Scene key="root">
        <Scene key="login"
          component={Login}
          title="Login"
          hideNavBar = {true}
          initial

        />
         <Scene
          key="recipes"
          component={Recipes}
          title="Recipes"
          hideNavBar = {false}
          hideBackImage = {false}
          //backButtonImage = {require('image!ui_nav_bar_hamburgher_icon')}
          onBack = {() =>{return null;}}
          rightTitle = "Bad Hombres"
          onRight = {() => { Alert.alert(
            'No puppet, No puppet',
            'You\'re the puppet!',)}}
          leftTitle ="Bigly"
          onLeft = {() => {Alert("Such a nasty woman..")}}
         // leftButtonImage={require('image!ui_login_email_icon')}

          panHandlers ={null}
        />
      </Scene>

    </Router>
  );
}

誰かが私がここで欠けているものを理解するのを手伝ってくれますか? それをたくさん感謝します。

4

3 に答える 3