Передать Animated.Value для стилизованного компонента в реагировать родной - PullRequest
Новая
       36

Передать Animated.Value для стилизованного компонента в реагировать родной

0 голосов
/ 20 апреля 2020

Как передать Animated.Value стилизованным компонентам?

Я получаю эту ошибку всякий раз, когда я раскомментирую bottom: ${p=>p.bottom}; строку:

JSON значение '[объект Объект] 'типа NSString не может быть преобразован в значение YGValue. Вы забыли суффикс% или pt?

Вот мой код: 

  ...
  const [value] = useState(new Animated.Value(-100));

  return (
    <StyledView
      as={Animated.View}
      bottom={value}
      {...props}>
      <Button
        title={'Show'}
        onPress={() => {
          Animated.timing(value, {toValue: 0, duration: 300}).start();
        }}
      />
      <Button
        title={'Hide'}
        onPress={() => {
          Animated.timing(value, {toValue: -100, duration: 300}).start();
        }}
      />
    </StyledView>
  );
  ...

const StyledView = styled.View`
    position: absolute;
    height: 200;
    bottom: ${p=>p.bottom};
    background-color: yellow;
    width: 100%;
`;
...