如何在 react-native 中翻转图像？

Question

我正在尝试翻转图像。 我试图旋转方法，但它不起作用

这是我的形象

我想像这样翻转这张图片

->>

这是我的代码。

    const Container = styled.View`
      flex-direction: row;
      background-color: #FFF;
      border-radius: 8px;
      margin:4px 16px;
      padding: 8px 16px;
      align-items: center;
      border:1px solid white;
      border-bottom-color: #DCDCDC;
    `;

    const DeleteButton = styled.TouchableOpacity`
    `;

    const Icon = styled.Image`
      width: 24px;
      height: 24px;
    `;

    const TodoItem = () => {
      return (
        <Container>
        <DeleteButton onPress={() => setModalVisible(true)}>
            <Icon source={require('../../../../Assets/Images/ic_dot_menu.png')} />
          </DeleteButton>
        </Container>
      );
    };
    export default TodoItem;

我应该修复什么代码？

Answer 1

尝试这个：

<Icon style={{transform: [{rotateY: '90deg'}]}} source={require('../../../../Assets/Images/ic_dot_menu.png')} />