react native-有辦法將箭頭導航圖標更改為菜單圖標嗎？

Question

有沒有辦法隱藏 header 中的右箭頭？ 我需要將箭頭圖標更改為菜單圖標，但我不明白該怎么做。

這是我的代碼：

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添加自定義back按鈕組件。 對於您必須從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>
    ),
  };
};