software-mansion / react-native-reanimated

React Native's Animated library reimplemented
https://docs.swmansion.com/react-native-reanimated/
MIT License
8.61k stars 1.26k forks source link

[Web LA] Add warning about `transform` #6064

Closed m-bert closed 3 weeks ago

m-bert commented 1 month ago

Summary

In #6060 I've removed adding already existing transform into layout animations on web (you can read more about reasoning in the mentioned PR). This PR adds warning for users that suggests creating animated wrapper if Animated.View with layout animation contains transform in style.

Test plan

Tested on example app (MountingUnmounting example) and on the following code:

Test code ```jsx import { StyleSheet, View } from 'react-native'; import React from 'react'; import Animated, { LightSpeedInLeft } from 'react-native-reanimated'; export default function EmptyExample() { return ( ); } const styles = StyleSheet.create({ container: { flex: 1, alignItems: 'center', justifyContent: 'center', }, }); ```