📜  RotatedBox 类 - 小部件库 - Flutter API - Dart (1)

📅  最后修改于: 2023-12-03 15:34:44.770000             🧑  作者: Mango

RotatedBox 类 - 小部件库 - Flutter API - Dart

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 小部件使构建旋转容器变得容易,用于在应用程序中显示文本、图像等内容时非常有用。