Flutterで画像やウィジェットを左右反転、上下反転する方法

画像(ImageWidget)を左右反転したかったのでググっていたのですがあまり日本語での情報がなかったので備忘録として書き遺しておきます

ウィジェットを左右反転させる

Transform.scaleを使います。

Column(
  children: [
    Image.network('https://picsum.photos/250?image=9'),
    SizedBox(height:15),
    Transform.scale(
      scaleX: -1,
      child: Image.network('https://picsum.photos/250?image=9'),
    ),
    Text("テスト----"),
    Transform.scale(
      scaleX: -1,
      child: Text("テスト----"),
    ),
  ],
),

また、

Transform.flip(
    flipX: true,
    child: Image.network('https://picsum.photos/250?image=9'),
),

のような書き方もできます。
動作は同じですがこっちのが直感的でいいですね...

ウィジェットを上下反転させる

左右反転の時はscaleX: -1,を用いていましたが、scaleY: -1,に変更します。

Column(
  children: [
    Image.network('https://picsum.photos/250?image=9'),
    SizedBox(height:15),
    Transform.scale(
      scaleY: -1,
      child: Image.network('https://picsum.photos/250?image=9'),
    ),
    Text("テスト----"),
    Transform.scale(
      scaleY: -1,
      child: Text("テスト----"),
    ),
  ],
),

お役に立てば幸いです。