Flutter 中的 RotatedBox 小部件:全面指南
在Flutter中,RotatedBox是一个可以将子部件按照一定的角度进行旋转的小部件。这个小部件可以用于实现文字旋转、图片旋转等效果。
以下是一个简单的RotatedBox使用示例:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('RotatedBox Demo'),
),
body: Center(
child: RotatedBox(
quarterTurns: 1, // 顺时针旋转90度
child: Text(
'Hello, RotatedBox!',
style: TextStyle(
fontSize: 24,
color: Colors.red,
),
),
),
),
),
);
}
}
在这个例子中,我们创建了一个RotatedBox,它将子部件(一个Text小部件)顺时针旋转了90度。你可以通过调整quarterTurns
属性来控制旋转的角度,该属性接受整数值,代表90度的倍数。如果需要逆时针旋转,可以将quarterTurns
设置为负数。
评论已关闭