получение ошибки типа для свойств преобразования стиля при использовании react-native-reanimated

Question

Я использую "react-native": "0.59.10" "react-native-reanimated": "^1.3.0" с машинописным текстом. Я получаю ошибку типа для свойств преобразования.

const Example = () => {
  const { translationX, gestureHandler } = horizontalPanGestureHandler()
  return (
    <View style={styles.container}>
      <PanGestureHandler {...gestureHandler}>
        <Animated.View style={{ transform: [{ translateX: translationX }] }} />
      </PanGestureHandler>
    </View>
  )
}

Вот ошибка, которую я получаю https://i.stack.imgur.com/AMoP6.png

Answer 1

Вы можете просто обновить react-native-reanimated до последней версии (в настоящее время 1.13.0) и проблема с style и transform исчезнет.

Answer 2

На данный момент вы не можете пройти transform прямо на styleатрибут. Это ошибкаreact-native-reanimated. Пожалуйста, обратитесь к проблеме GitHub здесь

РЕШЕНИЕ: Но вы можете обойти эту проблему, изменив свой код следующим образом

const Example = () => {
const { translationX, gestureHandler } = horizontalPanGestureHandler()
const transformStyle = {
     transform: [{ translateX: translationX }]
}
return (
    <View style={styles.container}>
       <PanGestureHandler {...gestureHandler}>
         <Animated.View style={[transformStyle, /** You can add other inline styles here **/{color: 'black'}]} />
      </PanGestureHandler>
    </View>
)}

Надеюсь это поможет!