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

Question

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

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

我怎样才能水平镜像？

Answer 1

React-native 根据docs使用一系列转换，scaleXprop 已被弃用。您可以通过逆缩放 x 轴上的变换：

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