Skip to main content
Version: v4

Will Change

Usageโ€‹

Please refer to the

documentation on the Tailwind CSS website

Compatibilityโ€‹

ClassSupport
will-change-auto๐ŸŒ Web only
will-change-scroll๐ŸŒ Web only
will-change-contents๐ŸŒ Web only
will-change-transform๐ŸŒ Web only
Legend

Classโ€‹

-{n} Supports values from theme

-[n] Supports arbitrary values

Iconโ€‹

โœ… Full support

โœ”๏ธ Partial support on native

๐Ÿงช Experimental support on native

๐Ÿ“ฑ Native only

๐ŸŒ Web only

Contributorsโ€‹

We are looking for contributors for the following:

Add will-change-transformโ€‹

When a component has a transition or animation class name it will use react-native-reanimated's Animated.createAnimatedComponent() to make the component animated. If these class names are conditional, this will cause the component to unmount as NativeWind will conditionally render two different components.

A proposed solution is to use will-change-transform to force the component to be animated, even if not required.