Rationale

There are a lot of styles being applied behind the scenes resulting in unexpected behaviors.

Solution

Remove the outer layer and pass everything directly to native lottie view

What is changed?

• Removed using Animated API by default in the source code, fixes (Animate Lottie with react-native-reanimated #1003)
• Fix resize mode in Android
• Removed absolute style being applied to the LottieView
• Removed default aspect ratio styling
• Removed default width being applied

What actions need to be taken moving forward?

You need to handle everything related to aspect ratio and sizing yourself. The reason for removing all these default values is to avoid confusion when using the library as well as to prevent unexpected behaviors.

Fixes

• [Windows] Styles with positional attributes are applied twice, resulting in incorrect positioning. #989
• Animate Lottie with react-native-reanimated #1003
• Allow user press through lottie animation when pointerEvents='none' #844