Image decoding limit workaround for RN (Android)

big-images-in-android-rn.js

export default class CroppedImage extends Component {
  state = {
    croppedImageSources: []
  };

  async componentDidMount() {
    const crops = 4; 
    const croppedImageHeight = imHeight / crops;
    const croppedImageSources = [];
    for (let i = 0; i <= crops; i++) {
      const cropData = {
        offset: { x: 0, y: croppedImageHeight * i },
        size: { width: imgWidth, height: croppedImageHeight }
      };
      const croppedImageSource = await asyncCropImage(
        this.props.url,
        cropData
      );
      croppedImageSources.push(croppedImageSource);
    }
    this.setState({ croppedImageSources });
  }

  render() {
    return this.state.croppedImageSources.map(source => (
      <Image style={styles.image} source={source} />
    ));
  }
}

const styles = StyleSheet.create({
  image: {
    width: width,
    height: croppedImageHeight
  }
});

const asyncCropImage = async (source: string, cropData: any) =>
  new Promise((resolve, reject) => {
    const onSuccess = imageUri => resolve(imageUri);
    const onFailure = err => {
      return reject(new Error(err));
    };
    ImageEditor.cropImage(source, cropData, onSuccess, onFailure);
  });

The solution above is a simple workaround for fixing the Android image decoding issue.
I collected a few interesting resources about it, but the TLDR is: Android is not able to load correctly images with a really high resolution (e.g.: 800 * 20000) and shows them as blurry/pixelated.

Useful resources:

• facebook/fresco: How can i load a long image
• bumptech/glide: Glide can not display very long (tall) image.
• bumptech/glide: Image Quality much lower than picasso on images longer than screen size
• facebook/fresco: why big size bitmap could not display correctly
• facebook/react-native: [Android] Fail to render a large image

From my testing both Image (Fresco) and FastImage (Glide) have this issue.
If the image is a JPEG you might be able to fix it using resizeMethod="resize".