/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 vote273 views1 answer
Tailwind css toggle switch react
Javascript React
0 vote224 views1 answer
Organize api calls react native folder
Javascript React
11 votes243 views3 answers
Reactjs get url query params as object
Javascript React
1 vote226 views1 answer
React native blur view crashing on android
Javascript React
0 vote238 views1 answer
Asp.net core react server session
Javascript React
0 vote245 views1 answer
React make setstate synchronous
Javascript React
0 vote247 views1 answer
Npx code for src folder in react js
Javascript React
24 votes240 views5 answers
How to change port in react js
Javascript React
4 votes260 views1 answer
How to add oAuth google signin in react native app
Javascript React
-1 vote232 views2 answers
Toggle on button click in react js functional component
Javascript React