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.

ImageManipulator.manipulateAsync with rotate option creates white border around the image

See original GitHub issue

🐛 Bug Report

Environment

Bare expo with following versions; expo-image-manipulator 8.1.0 react-native-unimodules 0.8.0

Occurs on ios 13.3.1, Android 9 seems fine.

Steps to Reproduce

When I rotate an image with manipulateAsync(), it creates a white border around the image.

Here is my code snippet

const rotateResult = await ImageManipulator.manipulateAsync( this.state.photoPreviewImageUri, [{ rotate: 90 }], { compress: 1, format: ImageManipulator.SaveFormat.JPEG } );

Expected Behavior

Rotated image without any white border

Issue Analytics

State:
Created 4 years ago
Reactions:2
Comments:11 (5 by maintainers)

Top GitHub Comments

2reactions

github-actions[bot]commented, Feb 24, 2022

This issue was closed because it has been inactive for 7 days since being marked as stale. Please open a new issue if you believe you are encountering a related problem.

0reactions

GuillaumeHemmencommented, Feb 24, 2022

it’s too easy to automatically close pending issues even if stale…

Top Results From Across the Web

ImageManipulator - Expo Documentation

This will first rotate the image 90 degrees clockwise, then flip the rotated image vertically and save it as a PNG. Basic ImageManipulator...

expo-image-manipulator messes up aspect ratio of images

This makes compression mess up the image. To resolve this, I've found that react native's built in method Image.getSize always returns the ...

Module Page Image Manipulator | API for 1 & 2 - ProcessWire

The Page Image Manipulator is a module that let you in a first place do ImageManipulations with your PageImages.

jest-expo | Yarn - Package Manager

(#16191 by @AllanChain); On iOS fix rotation causing extra image borders. ... manipulateAsync is now accepting ImageManipulator.FlipType.

How to use the expo-image-manipulator.manipulateAsync ...

Provides functions that let you manipulation images on the local file system, eg: resize, crop. GitHub. MIT. Latest version published 2 months ago ......