react-native - 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 />);
}