React Native：提供的 `string` 类型的道具 `transform` 无效，需要一个数组

Question

我们正在使用 CSS 样式的转换/翻译参数，但这对 React Native typescript 无效。

 Invariant Violation: Invalid prop `transform` of type `string` supplied to `StyleSheet modalContent`, expected an array.
    StyleSheet modalContent: {
      "transform": "translate(-50%, -50%)",
    }

在 React Native 中正确的写法是什么？

Answer 1

我在这里找到官方文档.

这些是数组的选项：

[
  {matrix: number[]}, 
  {perspective: number}, 
  {rotate: string}, 
  {rotateX: string}, 
  {rotateY: string}, 
  {rotateZ: string}, 
  {scale: number}, 
  {scaleX: number}, 
  {scaleY: number}, 
  {translateX: number}, 
  {translateY: number}, 
  {skewX: string}, 
  {skewY: string}
]

所以在我的情况下是：

transform: [
  {translateX: '-50%'}, 
  {translateY: '-50%'}
]