如何在 Flutter 中旋转 15 度

发布于05月31日

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

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)

我很好奇，有没有更简单的方法来旋转Container米Flutter 翼？"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")
)

Flutter相关问答推荐

如何在FiRestore中正确编写OR查询

为什么Flutter 翼扩展卡有上下边框？

确保通过在CheckIfFavoriteMovieEvent((event，emit){...})上注册处理程序误差

Flutter ：在后台实现振动

DART：如何判断有时可以为空的泛型类型？

为Android生成时出现Flutter 错误：给定资源值的<；COLOR&>无效

在flutter中实现类似3D的可滚动堆叠分页列表

处理 flutter/dart 模型中的空值

使用 Flutter 显示/隐藏带有下拉抽屉动画的小部件

我对 Flutter Apk 有疑问

减少 Flutter 中 API 的连接等待时间

通过一个具体的例子理解Flutter约束的本质

Flutter：为什么我的 listTile colored颜色被容器 colored颜色覆盖了？

如何更改中心的圆形进度指示器

如何建立最近的文件列表？

如何在 flutter 中创建渐变按钮

如何在 Flutter 中将列小部件添加到行小部件？

出现错误；运算符[]不是为对象类型定义的？功能()'

NoSuchMethodError：方法 '[]' 在 null 上被调用.我的信息流中的错误

Flutter 将方法应用于静态变量

实用课程推荐