Supported values

Transforms

Pose for React Native supports the animation of all transform values.

rotate, rotateX and rotateY must (currently) be defined as 'deg' values:

posed.View({
  init: { rotate: '0deg' },
  flip: { rotate: '180deg' }
})

Colors

Color animations (backgroundColor, color etc) are currently only supported as passive values:

posed.View({
  draggable: 'x',
  passive: {
    backgroundColor: ['x', {
      inputRange: [-200, 200],
      outputRange: ['#f00', '#0f0']
    }]
  }
})

Other values

All other values, defined either as a number or unit type, are animatable.

However, React Animated (the underlying animation library) doesn’t currently support native animation of these values, and animating them will disable native animation of all values on that component.