how to change image size?

[mdbaniani]

I've tried to change the image size by tweaking containerStyles and imageContainerStyles props with no hope. is there any way to increase the size of images to desired amount so that it can also be responsive on different devices? I also tried @2x , @3x implementation of images with no luck.

[krishnaUIDev]

try imageContainerStyles: { ...styles here }

[mdbaniani]

try imageContainerStyles: { ...styles here }

as far as I remember I tried everything. I think the mentioned style only styles the image container (as mentioned) and the image inside the container remains untouched (i think no such style as width=100% is carried by the image itself, or can be passed to it)

[Ninjaman494]

I know this is pretty old, but I was able to set the image size like this:

image: (
  <Image
    source={require("./assets/icon.png")}
    resizeMode="contain"
    style={{ width: 300, height: 300 }}
  />
),

I set the width and height using the <Image/> component's style prop.

[mdbaniani]

I know this is pretty old, but I was able to set the image size like this:

image: (
  <Image
    source={require("./assets/icon.png")}
    resizeMode="contain"
    style={{ width: 300, height: 300 }}
  />
),

I set the width and height using the <Image/> component's style prop.

thx i will try in my app's next update

[mdbaniani]

I know this is pretty old, but I was able to set the image size like this:

image: (
  <Image
    source={require("./assets/icon.png")}
    resizeMode="contain"
    style={{ width: 300, height: 300 }}
  />
),

I set the width and height using the <Image/> component's style prop.

you used fixed width and height here but if you pass {height : '100%'} to the image you will realize that the image will not fully reach the height of image container

[mdbaniani]

this issue somehow addresses this problem: https://github.com/jfilter/react-native-onboarding-swiper/issues/73