Flutter 文档展示了一个将“div”旋转 15 度的示例，适用于 HTML/CSS 和 Flutter 代码:

Flutter 代码是:

var container = new Container( // gray box
  child: new Center(
    child:  new Transform(
      child:  new Text(
        "Lorem ipsum",
      ),
      alignment: FractionalOffset.center,
      transform: new Matrix4.identity()
        ..rotateZ(15 * 3.1415927 / 180),
    ), 
  ),
);

相关部分是new Transform和alignment: FractionalOffset.center和transform: new Matrix4.identity()..rotateZ(15 * 3.1415927/180)

我很好奇，有没有更简单的方法可以在 Flutter 中旋转 Container？ “15度”的情况有简写吗？

谢谢!

最佳答案

在移动应用程序中，我认为很少有事情开始旋转 15 度然后永远停留在那里。因此，如果您打算随着时间的推移调整旋转，这可能就是为什么 Flutter 对旋转的支持更好的原因。

感觉有点矫枉过正，但是 RotationTransition与 AlwaysStoppedAnimation会完成你想要的。

new RotationTransition(
  turns: new AlwaysStoppedAnimation(15 / 360),
  child: new Text("Lorem ipsum"),
)

如果你想旋转 90、180 或 270 度，你可以使用 RotatedBox .

new RotatedBox(
  quarterTurns: 1,
  child: new Text("Lorem ipsum")
)

https://stackoverflow.com/questions/44276080/