在样式化组件中React Native变换

gv8xihay 于 2022-12-14 发布在 React

关注(0)|答案(2)|浏览(180)

我可以在React Native中使用样式化组件中的转换吗？
我将样式化构件定义如下：

const StyledAnimatedView = Animated.createAnimatedComponent(styled.View<
    ViewProps
  >`
    transform: translateY(-100);
`);

但是当组件安装时，它会抛出一个错误：
错误：无法解析声明““转换：平移Y（-100）”
我知道这在网络中是可能的，但在React Native中可能不行？

2条答案

transform: translateY(-100px);

我发现当你使用react native. btw的时候，“px”在大多数情况下都是必要的，你可以使用props。

styled.View<ViewProps>`
    transform: translateY(${props => props.translateY});
`);

<StyledAnimatedView translateY={'-100px'}/>