/Javascript/React/ImageBackground in React Native

ImageBackground in React Native

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

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 vote275 views1 answer
Disable autocomplete in react fields
Javascript React
0 vote207 views1 answer
Namespace react has no export member FC
Javascript React
0 vote198 views1 answer
Passing argument to function handler functional compoent javascript react
Javascript React
3 votes209 views3 answers
How to hide source for react project
Javascript React
0 vote203 views1 answer
React native getting old navigation parameter
Javascript React
0 vote197 views1 answer
Valueof in react native
Javascript React
18 votes205 views6 answers
How to import svg in react
Javascript React
23 votes217 views3 answers
Copy text to clipboard javascript react
Javascript React
2 votes231 views1 answer
Remove header border react native
Javascript React
0 vote150 views1 answer
Fixed menu reactjs
Javascript React