Метод translate

Метод translate виджета Transform создаёт Transform с матрицей переноса. Сдвиг задаёт точка Offset. Дочерний виджет рисуется уже со сдвигом, место в родителе считается по исходному размеру.

Синтаксис

Transform.translate(offset: Offset(20, 0), child: widget)

Параметры

Параметр	Описание
`offset`	Сдвиг `Offset` или положение прокрутки в пикселях.
`child`	Дочерний виджет, к которому применяют преобразование.

Пример

Давайте применим сдвиг:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: Transform.translate(offset: Offset(24, 0), child: Container(width: 80, height: 40, color: Colors.red)),
				),
			),
		),
	);
}

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

Пример

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

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: Transform.translate(offset: Offset(48, 0), child: Container(width: 80, height: 40, color: Colors.red)),
				),
			),
		),
	);
}

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

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

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