react native query. I am attempting to load a network image from a uri within a box (this is oversimplifying a bit, but that's the jist of it). If I specify the height of the container statically the image loads in fine and is constrained to that height, however the behavior I want is for the image to be constrained by the containers width with a max height, not a set height.
Is there any way to do that other than figuring out the image's dimensions and then resizing the parent container so that the image fits?
It's better to use images with similar aspect ratio. React native don't use CSS parameters so just respect aspect ratio add some shadow or border.
Give it width 100% and the height should be auto
Tried that, but unless I give it a set width and height it just ends up not taking up any space. I have a feeling it's just overflowing out of the parent element.
What are the properties of the parent
I'm using a VStack from NativeBase, but I've tried just using a Box for testing purposes and I end up with the same behavior.
Css or equivalent properties
None. None added anyway.
Обсуждают сегодня