React Native Routerでルートにボタンを表示するにはどうすればいいですか？

Question

React Native Routerを使用していて、ナビゲーションのルートにあるコンポーネントに戻るボタンがあり、その操作を上書きしたいとします。

renderBackButtonで自分自身を作成せずに戻るボタンを有効にすることはできますか？むしろ、ライブラリと一緒に提供されているものを使って、他の画面間の一貫性を保ち、新しいコンポーネントを書くのを避けたいと思います。

私はhideBackImage={false}で試しましたが、うまくいかないようです。

Answer 1

できません。アプリケーションのルートにいるので、スタックには1つのシーンしかありません。

なぜ最初のアプリケーション画面に戻るボタンが必要ですか？それは意味をなさない...

ただし、カスタムアクションで戻るボタンをレンダリングするのはかなり簡単です。たとえば：

renderCustomButton() { 
    return() => (
    <TouchableOpacity> 
     <Icon name="back" size={30} color="#900" /> 
    </TouchableOpacity> 
); 
} 

で

<Scene key='root' 
    ...  
    renderLeftButton={this.renderCustomButton()} 
    ... 
/> 

その後、あなたは自分のアクションを追加するか、あなたはまた、TouchableOpacityたonPressにそれを追加することができます

<Scene key='root' 
    ...  
    renderLeftButton={this.renderCustomButton()} 
    onLeft={**YOUR ACTION**} 
    ... 
/> 

を支えるonLeftでやりたいものは何でも小道具

私は通常https://github.com/oblador/react-native-vector-icons