reactjs - TypeError：使用 ImageBackground 时无法读取未定义的属性“宽度”

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'}

此处的错误图像

React-Native 版本：react-native-cli：2.0.1 react-native：0.55.4

关于这可能发生的任何想法？

Answer 1

您正在通过，stlye但正确的语法应该是style

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