React原生：提供的'string'类型的prop 'transform'无效，应为数组

nhjlsmyf 于 2023-03-19 发布在 React

关注(0)|答案(1)|浏览(113)

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

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

在React Native中编写此内容的正确方式是什么？

react-native

来源：https://stackoverflow.com/questions/75772025/react-native-invalid-prop-transform-of-type-string-supplied-expected-an-ar

1条答案

按热度按时间

2lpgd9681#

我找到了official docs here。
以下是阵列的选项：

[
  {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%'}
]

赞(0）回复(0）举报 2023-03-19

我来回答

React原生：提供的'string'类型的prop 'transform'无效，应为数组

1条答案

相关问题

热门标签

最新问答