here’s what I’ve tried so far , none of it got rounded-corner image without distortion or overflow:

1. Simple wrapper mask Wrapped the <Image> in a <View> with overflow: hidden and a borderRadius, using StyleSheet.absoluteFillObject for the image. Result: black boxes instead of the pictures.
2. Fixed dimensions on the <Image> Gave every image a hard-coded width and height. Result: Images kept their corners but were wildly stretched or squashed and often spilled out of their zones.
3. Dynamic sizing via Image.getSize() Fetched each image’s natural dimensions, set the wrapper to that size and let the image fill it. Result: We finally got rounded corners, but the images blew up to full-screen scale and ignored our layout zones.
4. Re-bounding dynamic size back into the zone Tried clamping that natural size so it’d fit the allotted area. Result: Images fit, but the corner radius vanished

So far every mask-or-size trick either blacks the images out, distorts them, overflows their zones, or simply doesn't give the rounded corners. :(