Flutter RotatedBox Widget使用详解

Flutter RotatedBox Widget是一个可以将其子widget旋转指定角度的容器，它是在RenderBox上旋转子widget。本质上，它和Transform.rotate()实现的效果是一样的，但它有以下几个优点：

1. 没有Transform Widget那样需要额外嵌套一层，可以直接作为子Widget使用。
2. 和其他盒子Widget一样可以指定大小，位置等属性。
3. 能够避免在某些情况下出现意外的布局问题。

使用RotatedBox Widget时，需要指定旋转的角度，单位为弧度，其值为正值表示顺时针旋转，负值表示逆时针旋转。下面是一个简单的例子，展示了如何使用RotatedBox Widget：

RotatedBox(
  quarterTurns: 1,
  child: Text("Hello World!"),
)

在这个例子中，我们将文本控件旋转90度，因此最终输出的文本是从上到下的。

除了指定角度，RotatedBox还提供了quarterTurns和turns两个属性，它们可以用于快速指定旋转的次数，quarterTurns表示旋转90度的倍数，而turns表示旋转360度的倍数。

除了旋转文本，我们还可以旋转图片等其他类型的Widget。例如，我们可以使用RotatedBox Widget来旋转一个Image控件：

RotatedBox(
  quarterTurns: 1,
  child: Image.network("https://picsum.photos/250?image=9"),
)

在这个例子中，我们将图片旋转90度，因此最终输出的图片是从上到下的。

总的来说，RotatedBox Widget提供了一种简单易用的方法来旋转子Widget，它可以方便地应用于各种场景中，例如实现横向或纵向排列的文本或图片等。