React Native StackNavigator将图像添加到标题

Question

对此我很抱歉，但我不熟悉rect native并尝试将图像添加到StackNavigator标头中。我有以下代码

navigationOptions: { 
headerTitleStyle: { color: '#fff' },
header: (props) => <ImageHeader {...props} />,
headerStyle: styles.header

}

ImageHeader组件

const ImageHeader = props => (
      <View style={{ backgroundColor: '#eee' }}>
        <Image
          style={StyleSheet.absoluteFill}
          source={{ uri: 'https://upload.wikimedia.org/wikipedia/commons/3/36/Hopetoun_falls.jpg' }}
        />
        <Header {...props} style={{ backgroundColor: 'transparent' }}/>
      </View>
    );

export default class ImageTestHeader extends Component {
  constructor(props) {
    super(props)
  }

  static defaultProps = { show: true }

  static propTypes = {
    title: PropTypes.string,
    icon: PropTypes.string,
    style: PropTypes.object,
    show: PropTypes.bool
  }

  render () {
    <ImageHeader />

  }
}

但是当我运行应用程序时出现以下错误。

有人可以解释一下我做错了什么吗？任何帮助将不胜感激。提前致谢

Answer 1

在渲染中

你应该返回组件或null

render() {
  return (<ImageHeader />);
}