Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

about image style size and resizeMode

See original GitHub issue

I am going to make 40x40 image.

<ImageModal style={{width: 40, height: 40}} />

However, if do this, the quality of the picture becomes extremely poor in modal image like a forced extension of a 40x40 image.

Can the original image size be 40x40 while maintaining the quality of the modal image?
And can I set the reziseMode props of the original image and the modal image differently?

Issue Analytics

State:
Created 3 years ago
Reactions:3
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

nadavhalfoncommented, Mar 12, 2021

Thank you!

1reaction

dev-yakuzacommented, Mar 12, 2021

@asor7007 @KushaanKapoor

You can use modalImageResizeMode on v.2.0.3 of the library. 🚀

https://user-images.githubusercontent.com/42969906/110889930-6ae61880-8332-11eb-8efe-4d37a1030590.mov

I hope this update helps you!

https://github.com/dev-yakuza/react-native-image-modal/blob/62e93f53558a9d6e08c444dedb86177e03c225be/Example/App.tsx#L278-L319

Top Results From Across the Web

Understanding “resizeMode” in React Native | by Mehran Khan

There are different options in Image “reiszeMode” ('cover', 'contain', 'stretch', 'repeat', 'center'). It can be tricky which one to use if you does...

Image - React Native

A React component for displaying different types of images, including network images, static resources, temporary local images, and images ...

CSS object-fit Property - W3Schools

The CSS object-fit property is used to specify how an <img> or <video> should be resized to fit its container. This property tells...

How to resize an image in HTML? - ImageKit.io

By default, the background image is rendered at its original full size. You can override this by setting the height and width using...

Image 'contain' resizeMode not working in react native

So how can we make the image take the whole container size while keeping its aspect ratio? Percentages are not supported yet by...