アプリ開発

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

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

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

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

回転にはTransform.rotateを使用

 

Transform.rotateを使用します。

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

flutterにおけるコード例

 

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

 

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

たったこれだけです。

 

まとめ

いかがでしたか?

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

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