ReactNative：navigationOptions不起作用

Question

无法使用navigationOptions函数更改标题或标题样式。也使用defaultNavigationOptions代替，但仍然无法使用。

    const CategoriesScreen = props => {
  const renderGridItem = itemData => {
    return (
      <TouchableOpacity
        style={styles.gridItem}
        onPress={() => {
          props.navigation.navigate({ routeName: 'CategoryMeals' });
        }}
      >
        <View>
          <Text>{itemData.item.title}</Text>
        </View>
      </TouchableOpacity>
    );
  };

  return (
    <FlatList
      keyExtractor={(item, index) => item.id}
      data={CATEGORIES}
      renderItem={renderGridItem}
      numColumns={2}
    />
  );
};

CategoriesScreen.navigationOptions = {
  headerTitle: 'Meal Categories',
  headerStyle: {
    backgroundColor: Platform.OS === 'android' ? Colors.primaryColor : ''
  },
  headerTintColor: Platform.OS === 'android' ? 'white' : Colors.primaryColor
};

任何帮助将不胜感激。谢谢

Answer 1

您出了错，应该使用标题而不是headerTitle之类的东西>>

  title: 'Meal Categories',
代替

  headerTitle: 'Meal Categories',