0

現在、React Navigation v4 を使用しており、v5 に移行しています。アップグレードの公式ドキュメントを使用していますが、残念ながらブロッカーに遭遇しました。

V4 では、次のことができます。

export default function ExampleScreen(props) {
  return <View></View>
}

ExampleScreen.navigationOptions = ({navigation, navigationOptions}) => ({
  headerStyle: {
    ...navigationOptions.headerStyle,
    borderBottomWidth: 0
  },
  headerRight: () => <SearchBox navigation={navigation} />
})

しかし、V5 ではnavigationOptionsパラメータにアクセスできないようで、navigationOptions.headerStyle.

export default function ExampleScreen(props) {
  props.navigation.setOptions({
    headerStyle: {
      // I can't get the default styles here.
      borderBottomWidth: 0
    },
    headerRight: () => <SearchBox navigation={props.navigation} />
  })

  return <View></View>
}

他のどこにも文書化されていないため、React Navigation V5 でこれを行うにはどうすればよいですか?

4

1 に答える 1