@lytrax/react-native-fresco

RN 0.67 with Fresco patch to disable image downsampling

Intallation

1. Create a new React Native 0.67 project using this template:

npx @react-native-community/cli@next init --template=@lytrax/react-native-fresco <ProjectName>
cd <ProjectName>

2. Run fresco-setup script to clone, checkout Fresco 2.5.0 and patch DecodeProducer.java:

yarn fresco-setup

1. Download and unzip/install Android NDK Revision 23. I have downloaded android-ndk-r23b-windows.zip and unzipped it under G:\Dev\Android\android-ndk-r23b on Windows.

2. Create android/libraries/fresco/local.properties with the following contents:

ndk.dir=G:\\Dev\\Android\\android-ndk-r23b
org.gradle.daemon=true
org.gradle.parallel=true
org.gradle.configureondemand=true

Remember to change ndk.dir to the actual path that you've installed NDK R23b.

5. Open an Android Emulator and build the app:

yarn android

Screenshots

Before patch/build	After patch/build

Troubleshooting

If you get any errors when debugging regarding Fresco Flipper Plugin, you either comment to disable flipper-fresco-plugin inside android/app/build.gradle, or build custom Fresco only for release builds.