React Native StackNavigator将图像添加到标题

React Native StackNavigator将图像添加到标题

问题描述:

对不起,但我是新手rect本机并尝试添加图像到StackNavigator标头。我有以下代码React 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 /> 

    } 
} 

但我收到以下错误,当我运行的应用程序。

enter image description here

能有人请解释什么,我做错了什么?任何帮助将不胜感激。感谢提前

+0

要导出'ImageTestHeader'和使用'ImageHeader'作为你的头组件。导出'ImageHeader'或使用'ImageTestHeader' – bennygenel

渲染,你应该返还部分或空

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

试过这个,仍然得到错误 – dogwasstar

+0

它是一样的错误 –