📅  最后修改于: 2023-12-03 14:41:17.316000             🧑  作者: Mango
Flutter的RotatedBox
小部件是一个能够旋转其子部件的小部件。它可以将子部件沿Z轴旋转指定的角度,正值为顺时针旋转,负值为逆时针旋转。
使用RotatedBox
小部件,只需要按以下步骤操作:
flutter/widgets.dart
库。RotatedBox
小部件,并将其作为最外层的部件。RotatedBox
小部件中添加需要旋转的部件。import 'package:flutter/widgets.dart';
RotatedBox(
quarterTurns: 3, // 旋转30度
child: Container(
width: 100,
height: 50,
color: Colors.blueAccent,
child: Center(
child: Text(
'RotatedBox',
style: TextStyle(color: Colors.white),
),
),
),
)
下表是RotatedBox
小部件常用的属性及其说明:
属性名 | 类型 | 默认值 | 说明
---|---|---|---
child
| Widget
| null
| 需要旋转的小部件
quarterTurns
| int
| 0
| 旋转角度,正值为顺时针旋转,负值为逆时针旋转
RotatedBox
小部件是不可滚动的。RotatedBox
小部件的位置和尺寸。以上就是RotatedBox
小部件的介绍。如果想要更多了解Flutter的其他小部件,请查看Flutter官方文档。