特定の画面で react-navigation を使用して戻るボタンを変更する 質問する

特定の画面で react-navigation を使用して戻るボタンを変更する 質問する

react-navigationここではナビゲーション ライブラリとして使用しています。

特定の画面のbackボタン(によって自動的に追加される)機能を変更するにはどうすればよいですか?react-navigation

つまり、画面のスタック内で 1 ステップ進むのではなく、スタック内で 2 ステップ戻るか、画面名を指定して手動で実行します (この場合も 1 つのコンポーネントのみ)。

ベストアンサー1

それぞれ A、B、C の 3 つの画面があるとします。StackNavigator の戻るボタンのデフォルトの機能は次のとおりです:- 画面 C で戻るボタンを押すと、前の画面、つまり画面 B に戻ります。これをオーバーライドするには、画面 C で次のようにします:-

import { HeaderBackButton } from 'react-navigation';
static navigationOptions = ({navigation}) => {
  return{
    headerLeft:(<HeaderBackButton onPress={()=>{navigation.navigate('A')}}/>)
 }
}

おすすめ記事