【Flutter】Widgetを静的に回転させて表示させる方法

こんにちは。マークです。

今回はFlutterでWidgetを回転させて表示する方法をご紹介します。

ちなみに2~3行で実装できますよ。(30秒でいけます)

回転にはTransform.rotateを使用

 

flutterにおけるWidgetの回転は、
Transform.rotateでいけるのか。

ちなみにπはpiでいけるhttps://t.co/w0JY2Cqtsb

— mark saito (@marksaito4) October 22, 2020

Transform.rotateを使用します。

Transform.rotateのchildに回転させたいWidgetを配置してやりましょう。

flutterにおけるコード例

 

See the Pen
zYBojVX by maaku saitou (@makumaaku-the-selector)
on CodePen.

 

90°回転させてみました。

たったこれだけです。

 

まとめ

いかがでしたか？

非常にシンプルかつ簡単ですね。

ぜひ参考にしてください＾＾