[SwiftUI]Image(画像)を縦方向に反転するには？

どうも、ちょげ(@chogetarou)です。

画像であるImageを縦方向に反転する方法を紹介します。

方法

Imageを縦方向に反転するには、roation3DEffect修飾子を使います。

まず、Imageにrotation3DEffect修飾子を付与します。

そして、ratation3DEffect修飾子の第１引数に「.degrees(180)」、第２引数「axis」に「(1, 0, 0)」を指定します。

Image("image")
    .rotation3DEffect(.degrees(180), axis: (1, 0, 0))

roation3DEfrfect修飾子を使うことで、Imageを縦方向に反転することが出来ます。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Image("DogPhoto")
                 .resizable()
                 .scaledToFit()
                 .padding()
            
            Image("DogPhoto")
                .resizable()
                .scaledToFit()
                .padding()
                .rotation3DEffect(.degrees(180), axis: (1, 0, 0))
        }
    }
}