react-navigation添加自定义标头

Question

如何添加自己的标题组件，以便在导航中添加图像？

我设置了这样的标题，我可以设置左右组件，但如何将中心图像添加到导航中？

const headerStyle = {
  paddingHorizontal: theme.metrics.mainPadding,
  paddingTop: 2,
  paddingBottom: 2,
  backgroundColor: theme.colors.purple,
  justifyContent: 'center',
};

const headerTitleStyle = {
  textAlign: 'center',
  alignSelf: 'stretch',
  alignItems: 'center',
  ...theme.fontStyles.appBarTitle,
};

const headerRight = <Text>logo here</Text>;
const headerLeft = <Text>text here</Text>;

export default {
  title,
  headerStyle,
  headerTitleStyle,
  headerRight,
  headerLeft,
};

Answer 1

您必须在每个组件中设置标题可见性以隐藏标题。

static navigationOptions = {
 header: {
  visible: false,
 }
};

React-Navigation已更改了用于隐藏v1.0.0-beta.9标头的API。请改用header: null。

static navigationOptions = {
 header: null
};