/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 vote316 views1 answer
Divide string in lines react native max width
Javascript React
0 vote314 views1 answer
React does not send the cookie automatically
Javascript React
1 vote331 views1 answer
Google font in react native
Javascript React
0 vote330 views1 answer
Custom react native product rating
Javascript React
-1 vote322 views1 answer
How to load the images from the website dynamically in react
Javascript React
3 votes318 views1 answer
Navigation react pass props
Javascript React
1 vote313 views1 answer
How to use react memo hooks
Javascript React
11 votes323 views3 answers
Reactjs get url query params as object
Javascript React
24 votes296 views3 answers
Set port in react app
Javascript React
0 vote327 views1 answer
HandleClickoutside custom hook react
Javascript React