/Javascript/React/React native background image

React native background image

return (
  <ImageBackground source={...} style={{width: '100%', height: '100%'}}>
    <Text>Inside</Text>
  </ImageBackground>
);

React native backgrunde img

return (
  <ImageBackground source={...} style={{width: '100%', height: '100%'}}>
    <Text>Inside</Text>
  </ImageBackground>
);

Source: reactnative.dev

View background image in react native

<ImageBackground source={require('../design/postsbg1.png')} style={styles.image}>
  ...children tags
</ImageBackground>

Add background image react native

return (
  <ImageBackground source={...} style={{width: '100%', height: '100%'}}>
    ......All Children tags
  </ImageBackground>
);

ImageBackground in React Native

<ImageBackground source={require('background image path')} style={{width: '100%', height: '100%'}}>
   <View style={{position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, justifyContent: 'center', alignItems: 'center'}}>
     <Text>Centered text</Text>
   </View>
</ImageBackground>

Source: stackoverflow.com

Similar codes

0 vote118 views1 answer
Why my favicon icon is not removing in react
Javascript React
0 vote136 views1 answer
React-anime
Javascript React
2 votes139 views1 answer
Set dynamic route in link react js
Javascript React
0 vote134 views1 answer
React should write method in a functional component or outside functional component
Javascript React
0 vote132 views1 answer
Code in nested forEach loop- react native
Javascript React
3 votes126 views3 answers
React portals
Javascript React
0 vote123 views1 answer
Node_modules/react-native-paper/lib/module/core/Provider.js
Javascript React
0 vote157 views1 answer
Text field drag and drop reactjs
Javascript React
0 vote115 views1 answer
Display image from local JSON / JS Object using React
Javascript React
0 vote118 views1 answer
React native pure component vs component
Javascript React