Создаем портфолио за 1 месяц
К концу месяца: 4 классных проекта в вашем портфолио! Стоимость: 100$. Подробности...
276 of 1024 menu
◀ ▶

Метод 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,
    свой рисунок
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить