在React Native中，如何水平翻转视图？

Question

假设我有一个这样的图标：

<FontAwesome
    name={'column'}
    size={20}
    style={ /* mirror horizontally */ }
/>

如何水平镜像？

Answer 1

React-native使用根据docs的转换数组，scaleX道具已被弃用。您可以按反比例缩放x轴上的变换：

style={{
  transform: [
    { scaleX: -1 }
  ]
}}

Answer 2

React Native转换接受数组。因此，您必须传递值以进行如下转换：

<FontAwesome
    name={'search'}
    size={20}
    style={{
        transform: [
            {scaleX: "-1"},
        ]
    }}
/>