Виджет RotatedBox
Виджет RotatedBox поворачивает дочерний виджет
на quarterTurns четвертей оборота
по часовой стрелке.
Одна четверть равна 90°.
Layout пересчитывается с учётом повёрнутых размеров.
Синтаксис
RotatedBox(
quarterTurns: 1,
child: Text('abcde'),
)
Параметры
| Параметр | Описание |
|---|---|
quarterTurns |
Число четвертей оборота по часовой стрелке. |
child |
Дочерний виджет, который поворачивают. |
Пример
Давайте повернём подпись на одну четверть:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: Center(
child: RotatedBox(
quarterTurns: 1,
child: Text(
'abcde',
style: TextStyle(fontSize: 24),
),
),
),
),
),
);
}
На экране текст 'abcde' станет вертикальным, читаясь сверху вниз.
Пример
Давайте сравним quarterTurns: 0 и 2:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: Center(
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
RotatedBox(
quarterTurns: 0,
child: Text('12345'),
),
const SizedBox(width: 24),
RotatedBox(
quarterTurns: 2,
child: Text('abcde'),
),
],
),
),
),
),
);
}
На экране вторая подпись перевёрнута на 180° относительно первой.
