javascript - react native -有办法将箭头导航图标更改为菜单图标吗？

Question

有办法隐藏标题中的右箭头吗？我需要将箭头图标更改为菜单图标，但我不明白该怎么做。

这是我的代码:

PrototypePointsScreen.navigationOptions = (navData) => {
  return {
    headerTitle: "pointing",
    headerRight: () => (
      <HeaderButtons HeaderButtonComponent={HeaderButton}>
        <Item
          title="home button"
          iconName={Platform.OS === "android" ? "md-home" : "ios-home"}
          onPress={() => {
            navData.navigation.navigate("go");
          }}
        />
      </HeaderButtons>
    ),
  };
};

Answer 1

您可以使用 navigationOptions 内的 headerBackImage 属性添加自定义后退按钮组件。为此，您必须从 react-native 导入 Image。

import { Image } from 'react-native'

PrototypePointsScreen.navigationOptions = (navData) => {
  return {
    headerTitle: "pointing",
    headerRight: () => (
      <HeaderButtons HeaderButtonComponent={HeaderButton}>
        <Item
          title="home button",
           headerBackImage: (
                <Image source={require('../assets/icons/your-icon.png')} />
            ),
          headerBackTitle: null,
          iconName={Platform.OS === "android" ? "md-home" : "ios-home"}
          onPress={() => {
            navData.navigation.navigate("go");
          }}
        />
      </HeaderButtons>
    ),
  };
};