React Native 0.57.x <Image/> large images low quality

• react-native

  524 115,579 10.0 C++

  A framework for building native applications using React

  

...type Props = {};export default class App extends Component { render() { return ( {/*Welcome to React Native! To get started, edit App.js {instructions}*/} ); }}... I have created a Github issue to RN repo since September but noone has replied which makes me think that I am doing something wrong. Is there a new prop or an other way to make large images show normal with full quality in RN 0.57.x? Maybe the metr obuilder updates to 0.57.x have changed how the bundler handles the image assets? I have used resizeMethod prop to "scale" and "resize" with no difference at all. I have used PNG8, PNG24 and PNG32 all same result.

• RN057ImageTest

  1 0 10.0 Java

  RN 0.57 Large images quality issue

The Github repo with the code and the PNG image files: https://github.com/clytras/RN057ImageTest

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

• Fresco

  3 17,036 9.4 Java

  An Android library for managing images and the memory they use.

  

I have created an issue at Fresco on August 22, 2019 and after some conversations and talkings, the only way for now to disable image downsample, is to compile Fresco from source after removing/comment out the downsample code inside DecodeProducer.java.

• RN061FrescoBuild

  1 6 0.0 Objective-C

  RN 0.61 with Fresco patch to disable image downsampling

I have created a repository that has RN 0.61 and has detailed instructions on how to compile Fresco and disable image downsample. The repository can be found here: https://github.com/clytras/RN061FrescoBuild.

• cli

  11 2,231 9.4 TypeScript

  React Native command line tools (by react-native-community)

  

I have created a react-native-community/cli template that has RN 0.61.5 project and the required modifications to build Fresco from source. This is an easy and quick way to have a new RN project crafted with custom project name and with the changes needed to compile Fresco from source. It also uses Android NDK Revision 21 and I have tested it on macOS and Windows using yarn 1.21.

• react-native-fresco

  1 10 0.0 Java

  React Native with Fresco Image Downsample disabled - Template

Github repository: clytras/react-native-fresco NPM template: @lytrax/react-native-fresco

Suggest a related project