相关疑难解决方法(0)

将<Image>和<TouchableHighlight>放入<View>时,"React.Children.only预计会收到一个React元素子"错误

我的React Native代码中有以下渲染方法:

render() {
    const {height, width} = Dimensions.get('window');
    return (
      <View style={styles.container}>
        <Image 
          style={{
            height:height,
            width:width,
          }}
          source={require('image!foo')}
          resizeMode='cover' 
        />
        <TouchableHighlight style={styles.button}/>
      </View>
    );
  }
Run Code Online (Sandbox Code Playgroud)

它给了我一个

React.Children.only期望收到一个React元素子元素

错误.如果我删除该TouchableHighlight组件,它可以正常工作.另一方面,如果我删除Image组件,它仍会出现该错误.我不明白为什么会出现这个错误,并且<View>应该能够在其中包含多个组件进行渲染.
有任何想法吗?

react-native

70
推荐指数
3
解决办法
8万
查看次数

标签 统计

react-native ×1