[Defect] Black background added for transparent images

Description

For allowsEditing set to true, every images picked from library with alpha channel will be black backgrounded:

When editing is disabled, images have white background as expected:

How to repeat issue and example

Here is my options passed to ImagePicker.showImagePicker() as first argument:

{
  allowsEditing: true,
  cameraType: 'front',
  maxHeight: 512,
  maxWidth: 512,
  mediaType: 'photo',
  storageOptions: { path: 'images', skipBackup: true },
  title: null,
}

Solution

No solutions proposed yet.

Additional Information

• React Native version: react-native@0.46.4
• Platform: iOS (not tested on Android)
• Development Operating System: macOS Sierra 10.12.5
• Dev tools: Xcode 8

[douglasjunior]

I discovered the problem. When using “maxHeight” or “maxWidth”, the image is converted from PNG to JPEG, causing the transparent area to be converted to black.

Is there any way to keep the image in PNG?

[odyodyodys]

Any updates on this?