javascript - 如何使用此屏幕上的导航选项？

Question

我有两个名为 App.js 和 ActivityScreen.js 的文件。我想在 ActivityScreen.js 文件上进行 Activity 文件的 navigationOptions 设置，而不是 App.js。

static navigationOptions = ({navigation}) => {
    ...
}

功能不起作用，请不要提供。

应用程序.js

<Stack.Screen name="Activity" component={ActivityScreen} options={({ navigation }) => ({
    title: 'Aktiviteler',
    headerStyle: { backgroundColor: '#EE7301' },
    headerTintColor: 'white',
    headerTitleStyle: { color: '#fff' },
    headerRight: () => (
      <TouchableOpacity activeOpacity={0.4} underlayColor='transparent' onPress={ () => navigation.navigate('AddActivity') } style={{ marginRight: 12 }}>
        <Icon
          style={styles.icon}
          fill='#FFFFFF'
          name='plus-outline'
        />
      </TouchableOpacity>
)})} />

标签： javascriptreactjsreact-nativereact-navigation