White background in animation after updating to v6

[dshuvalov]

Describe the bug

White background is displayed in my animation. After upgrading lottie-react-native package up to v6.1.0 (under the this package contains lottie-android v6.1.0) I had a strange white background in my animation. At the previous versions of lottie (v5) I didn't have such problem.

What version of Lottie did you test this on? v6.1.0

What version of Android did you test this on? 13

Steps To Reproduce Steps to reproduce the behavior:

import mintingUnpackingAnimation from '../../hooks/minting-unpacking.json';

  const mintingUnpackingAnimationObj = useMemo(
    () => JSON.parse(JSON.stringify(mintingUnpackingAnimation)),
    // it's intentional to re-create the object for each sticker pack to avoid showing minted stickers from previous pack
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [stickerPack.id]
  );
       <LottieView
          style={[StyleSheet.absoluteFill]}
          loop={false}
          source={mintingUnpackingAnimationObj}
          resizeMode="cover"
        />

Screenshots

Video

https://github.com/airbnb/lottie-android/assets/16071062/f754ce77-835a-4f92-8a84-a2c9f1713046

White background bug

File with animation

minting unpacking.json.zip

[dshuvalov]

thx @gpeal