認証に成功すると、ユーザーがナビゲーションドロワー付きのホームページにリダイレクトされるログインインターフェイスを備えた、反応ネイティブを学習するアプリを作成しようとしています。これは、今日のほとんどのモバイルアプリの標準です。
これを実装するために、react -native-router-fluxとreact-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>
);
}
誰かが私がここで欠けているものを理解するのを手伝ってくれますか? それをたくさん感謝します。