Метод rotate

Метод rotate виджета Transform строит Transform вокруг origin. Угол в радианах. Положительное значение крутит по часовой стрелке. Точка поворота по умолчанию это центр дочернего виджета.

Синтаксис

Transform.rotate(angle: 0.5, child: widget)

Параметры

Параметр	Описание
`angle`	Угол в радианах.
`child`	Дочерний виджет, к которому применяют преобразование.
`origin`	Центр поворота; по умолчанию центр child.

Пример

Давайте применим поворот:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: Transform.rotate(angle: 0.4, child: Container(width: 80, height: 40, color: Colors.red)),
				),
			),
		),
	);
}

На экране красный блок трансформирован.

Пример

Давайте изменим параметры rotate:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: Transform.rotate(angle: 0.8, child: Container(width: 80, height: 40, color: Colors.red)),
				),
			),
		),
	);
}

На экране другой визуальный эффект трансформации.

Смотрите также

виджет RepaintBoundary,
рисовать дочерний виджет отдельным слоем
виджет PhysicalModel,
тень и обрезка по форме
виджет RotatedBox,
поворот на четверти оборота
виджет CustomPaint,
свой рисунок