TypeError：使用ImageBackground时无法读取未定义的属性“ width”

Question

我正在使用React Native的ImageBackground 组件。但是，无论我选择哪种样式，都始终显示相同的错误消息。该代码如下所示：

  render() {
return (
  <ImageBackground
    source={require('./common/Background_image.png')}
    stlye={styles.backgroundStyle}
  >
    <Text>Some text here!!</Text>
  </ImageBackground>
);

}

  backgroundStyle: {
flex: 1,
width: null,
height: null,
resizeMode: 'cover'}

Image of the error here

本机版本： react-native-cli：2.0.1 反应本机：0.55.4

有什么可能发生的想法吗？

Answer 1

您正在传递stlye，但正确的语法应为style

<ImageBackground
    source={require('./common/Background_image.png')}
    style={styles.backgroundStyle}
>
  <Text>Some text here!!</Text>
</ImageBackground>