Background transparent not work!

juanm4 commented 4 years ago

Background transparent not work.

Version & Platform

 react-native@0.61.5 
 react-native-view-shot@3.1.2

Platform: Android

Expected behavior

If ViewShot has a transparent background, it should get the background color/image on screenshot.

Actual behavior

Always shot an image with white background.

Steps to reproduce the behavior

If you try this code you can see that the background of image is white instead of gray. What is happening?

    <View style={{backgroundColor: 'gray', flex: 1}}>
            <Animated.View
                {...this.panResponder.panHandlers}
                style={[panStyle, styles.circle]}>
                <ViewShot ref="viewShot" options={{ format: 'png', result: 'base64' }} style={{backgroundColor: 'transparent', justifyContent: 'center', alignContent: 'center', alignItems: 'center'}}>
                    <Text>I</Text>
                </ViewShot>
            </Animated.View>
        </View>

The result of base64 images is that:

iVBORw0KGgoAAAANSUhEUgAAAPAAAABMCAYAAABTXTqcAAAABHNCSVQICAgIfAhkiAAAANBJREFUeJzt07ENwlAQBcHDRVEbfVGL64EGnGDZfK00I11y0Ut2BgAAAAAAAAAAAAAAAAAAAAAAANZ6rB7Abd4Hv9fM7P8eAvzuc3DPpYu43LZ6AHCegCFMwBAmYAgTMIQJGMIEDGEChjABQ5iAIUzAECZgCBMwhAkYwgQMYQKGMAFDmIAhTMAQJmAIEzCECRjCBAxhAoYwAUOYgCFMwBAmYAgTMIQJGMIEDGEChjABQ5iAIUzAECZgCBMwhAkYAAAAAAAAAAAAAAAAAAAAbvAFd+EHf8FsvtEAAAAASUVORK5CYII=

As you can see it must has a gray background, but it is white. What Am I doing wrong?

Thanks!