📅  最后修改于: 2023-12-03 15:34:44.770000             🧑  作者: Mango
RotatedBox 类是一个小部件库中的类,它用于创建一个可以旋转的小部件。
RotatedBox类有一个构造函数,可以通过以下方式来创建常规旋转盒子:
RotatedBox({
Key? key,
required this.quarterTurns,
this.child,
})
参数解释:
key
:该小部件的唯一键。通常使用 UniqueKey()
来生成。quarterTurns
:将小部件四分之一转,依次为0、1、2、3,其结果分别为:不转、顺时针转90度、顺时针转180度、顺时针转270度。child
:包装在旋转盒子中的小部件。以下示例演示如何创建一个具有不同的四分之一转角度数的 RotatedBox:
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
RotatedBox(
quarterTurns: 1,
child: Text(
'Hello World!',
style: TextStyle(fontSize: 30),
),
),
SizedBox(height: 20),
RotatedBox(
quarterTurns: 2,
child: Text(
'Hello World!',
style: TextStyle(fontSize: 30),
),
),
SizedBox(height: 20),
RotatedBox(
quarterTurns: 3,
child: Text(
'Hello World!',
style: TextStyle(fontSize: 30),
),
),
],
),
),
该代码将在垂直方向上创建三个文本“Hello World!”,并将它们四分之一转为1、2、3。
RotatedBox 小部件使构建旋转容器变得容易,用于在应用程序中显示文本、图像等内容时非常有用。