Setting the size in RN's ImageBackground equal to the image used

Question

I'm using ImageBackground from React Native and I'm using a background. I would like to use the size of the background to set the size of the element.

<ImageBackground source={require("../images/Image.png")}>
  <Text>Hello World!</Text>
</ImageBackground>

Thanks!

score 0 · Answer 1 · answered Apr 27 '20 at 17:18

0

Define height of your ImageBackground

<ImageBackground style={{height: 300}} source={require("../images/Image.png")}>
  <Text>Hello World!</Text>
</ImageBackground>

answered Apr 27 '20 at 17:18

Waheed Akhtar

3,110
1
16
30

Thanks, I want that height to be the same size as Image.png, though. Maybe it's not clear on the comments! – Franco Petra Apr 27 '20 at 19:11
Same with? Can you please elaborate it more. – Waheed Akhtar Apr 27 '20 at 19:17

Setting the size in RN's ImageBackground equal to the image used

1 Answers1