Flutter 旋转盒子

Flutter 旋转盒子（RotatedBox），RotatedBox组件即为旋转组件，可以使child发生旋转，旋转的度数是90°的整数倍。每一次旋转只能是90°。例如当它的属性quarterTurns为3时，表示旋转了270°。旋转盒子通常用于图片的旋转，比如在相册里，用户想把照片横着看或者竖着看，那么旋转盒子使用起来就非常方便了。

接下来我们写一个例子，添加一个文本，让它旋转3次，即旋转270°。完整的示例代码如下：

import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return new MaterialApp(
        title: 'RotatedBox旋转盒子示例',
        home: Scaffold(
          appBar: AppBar(
            title: Text(
              'RotatedBox旋转盒子示例',
              style: TextStyle(color: Colors.white),
            ),
          ),
          body: Center(
            child: RotatedBox(
              quarterTurns: 3,//旋转次数，一次为90°
              child: Text(
                  'RotatedBox旋转盒子',
                  style: TextStyle(fontSize: 28.0),
              ),
            ),
          ),
        ),
      );
    }
  }

上述示例代码的运行效果大致如图所示：

酷客教程相关文章：

• Flutter 按宽高自动换行布局
• Flutter 控制是否显示组件
• Flutter 基准线布局
• Flutter 矩阵转换