Error property 'left' is not supported by native animated module when using swipe

<Modal isVisible={this.state.isTimelineOpen}
                       onSwipe={() => this.setState({isTimelineOpen: false})} swipeDirection="up">
                    <Text>Test<Text/>
                </Modal>

Keeping it as simple as the above, I’m getting an error that says "property left is not supported by native animated module. Any ideas?

[erickreutz]

This is not due to react native limitations. This is a problem because getLayout is being used which animates the left and top style properties of a view which are not supported by useNativeDriver. an alternative to getLayout exists called getTranslateTransform (See here) that animates translateX and translateY instead of top and left but since react-native-animatable animations are using those properties to pull off the in/out transitions and react-native-animatable will override the transform on the view when you try and set the transform explicitly this is not currently possible.

[denieler]

you can use

{
  transform: [{
    translateX: 50
  }]
}

to simulate animation for the left positioning if you don’t have strict restrictions about using left property