Flutter RotatedBox


简介

可以将子widget旋转整数的四分之一

  • 和Transform不同,该对象在布局之前应用其旋转,整个旋转的范围仅消耗旋转的子widget所需要的空间

基本用法

旋转widget

  • 通过quarterTurns,设置child的顺时针四分之一的转数
  • ex:quarterTurns=3/8

实例演示

import 'package:flutter/material.dart';

class RotatedDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        RotatedBox(
          child: const Text('hello  flutter'),
          quarterTurns: 3,
        ),
        SizedBox(
          height: 20.0,
        ),
        RotatedBox(
          child: const Text('hello  flutter'),
          quarterTurns: 8,
        )
      ],
    );
  }
}