Question

如何从React ART旋转<Text />？ <Text />是基于<Shape />的文本，使用原始文本呈现，因此，我应该可以在其中使用transform={ ??? }。我没有找到任何旋转示例。

我应该添加什么，以便我可以旋转此<Text />波纹管？

import { ART } from 'react-native';
const { Text } = ART;

<Text x={0} y={0}
      font={`25px "Helvetica Neue", "Helvetica", Arial`}
      fill={'red'}
      alignment={'center'}>
          Random Text that needs rotation
</Text>

不支持添加style={{ transform: '[{ rotate: "45deg"}]' }}，出现以下错误：

“ IntrinsicAttributes”类型上不存在“样式”属性 IntrinsicClassAttributes＆Readonly <{children ?: ReactNode; }>和“只读”。

因为我使用的是React ART的<Text \>，而不是使用react-native的经典

Answer 1

是的，您可以使用ART变换来旋转和变换Text ART。

import { ART } from 'react-native';

const { Text, Transform } = ART;

const rotate = new Transform().rotate(45) // rotate
const rotateAndMove = new Transform().rotate(45).translate(10, 20) // x,y

<Text x={0} y={0}
  transform={rotate} 
  font={`25px "Helvetica Neue", "Helvetica", Arial`}
  fill={'red'}
  alignment={'center'}>
      Random Text that needs rotation
</Text>

<Text x={0} y={0}
  transform={rotateAndMove} 
  font={`25px "Helvetica Neue", "Helvetica", Arial`}
  fill={'red'}
  alignment={'center'}>
     Rotated and moved x=10 y=20
</Text>

反应艺术<Text />旋转

1 个答案: