- 如果你對Flutter還有疑問或者技術方面的疑惑,歡迎加入Flutter交流羣(微信:laomengit)。
- 同時也歡迎關注我的Flutter公衆號【老孟程序員】,公衆號首發Flutter的相關內容。
- Flutter地址:http://laomengit.com 裏面包含160多個組件的詳細用法。
Transform可以對子組件進行變化,比如旋轉、平移、縮放等。
基本用法:
return Transform(
transform: Matrix4.rotationZ(0.5),
child: Container(
height: 100,
width: 100,
color: Colors.red,
),
);
transform
參數是變化4x4矩陣,上面的案例是繞z軸旋轉弧度,效果如下:
origin
參數表示變換矩陣的座標,默認是(0,0)即左上角,如果想圍繞圓心旋轉,代碼如下;
Container(
color: Colors.blue,
child: Transform(
transform: Matrix4.rotationZ(0.5),
origin: Offset(50, 50),