Метод flip
Метод flip виджета Transform задаёт отрицательный scale по flipX или flipY.
Истина по горизонтали зеркалит слева направо, истина по вертикали зеркалит сверху вниз.
Можно включить обе оси сразу.
Синтаксис
Transform.flip(flipX: true, child: widget)
Параметры
| Параметр | Описание |
|---|---|
flipX |
Истина зеркалит дочерний виджет слева направо. |
flipY |
Истина зеркалит дочерний виджет сверху вниз. |
child |
Дочерний виджет, к которому применяют преобразование. |
Пример
Давайте применим отражение:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: Center(
child: Transform.flip(flipX: true, child: Container(width: 80, height: 40, color: Colors.red)),
),
),
),
);
}
На экране красный блок трансформирован.
Пример
Давайте изменим параметры flip:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: Center(
child: Transform.flip(flipY: true, child: Container(width: 80, height: 40, color: Colors.red)),
),
),
),
);
}
На экране другой визуальный эффект трансформации.
Смотрите также
-
виджет
RepaintBoundary,
рисовать дочерний виджет отдельным слоем -
виджет
PhysicalModel,
тень и обрезка по форме -
виджет
RotatedBox,
поворот на четверти оборота -
виджет
CustomPaint,
свой рисунок