5

I am using the ImageBackground component from React Native. However, no matter what style I choose the same error message always displays. The code looks as it follows:

  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 version: react-native-cli: 2.0.1 react-native: 0.55.4

Any ideas of what this may happen?

marcos-cr
  • 53
  • 1
  • 5

1 Answers1

7

You are passing stlye but the correct syntax should be style

<ImageBackground
    source={require('./common/Background_image.png')}
    style={styles.backgroundStyle}
>
  <Text>Some text here!!</Text>
</ImageBackground>
Helmer Barcos
  • 1,898
  • 12
  • 18