有没有办法隐藏标题中的向右箭头?
我需要将箭头图标更改为菜单图标,但我不知道该怎么做。
这是我的代码:
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>
),
};
};
最佳答案
您可以使用back
内部的headerBackImage
属性添加自定义的navigationOptions
按钮组件。对于,您必须从Image
导入react-native
。
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>
),
};
};