₦airaland Forum

Post Link : Image Resizing In React Native

This tutorial explains how to perform image resizing in react native application. Mobile devices come in multiple screen resolutions. When we display images it is important to ensure that the images displayed are optimized for screen resolution. The width and height style properties of Image components determine the size of what's rendered on the screen. For example, you will probably have to work with images at some point that have a larger resolution than you want displayed in your React Native application. Simply setting the width and height style properties on the Image is enough to properly scale the image. In that case you need to use resizeMode props in Image Component to resize your image.

Image Resizing In React Native

[img]https://4.bp..com/-YCjMPEbpYng/W7CJRGQ6s3I/AAAAAAAAB9Y/s1LEY2b7zY8GSKxb5ImGa6VwMoXVbJDQgCLcBGAs/s640/imager.png[/img]

read more...