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

Метод lerpList

Метод lerpList класса BoxShadow идёт по парам теней из двух списков. Доля 0 оставляет первый список, доля 1 второй. Если одного списка нет, тени проявляются из ничего.

Синтаксис

BoxShadow.lerpList(a, b, 0.5)

Параметры

Параметр Описание
a Первый список теней.
b Второй список теней.
t Доля смешивания от 0 до 1.

Пример

Давайте оставим карточку без тени:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Container( padding: EdgeInsets.all(16), decoration: BoxDecoration( color: Color(0xFFFFFFFF), boxShadow: BoxShadow.lerpList( null, [BoxShadow(color: Color(0xFF000000), blurRadius: 18, offset: Offset(0, 8))], 0, ), ), child: Text('abcde'), ) ), ), ), ); }

На экране белая карточка со строкой abcde без тени. Доля 0 ещё не проявила второй список.

Пример

Давайте проявим тень целиком:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Container( padding: EdgeInsets.all(16), decoration: BoxDecoration( color: Color(0xFFFFFFFF), boxShadow: BoxShadow.lerpList( null, [BoxShadow(color: Color(0xFF000000), blurRadius: 18, offset: Offset(0, 8))], 1, ), ), child: Text('12345'), ) ), ), ), ); }

На экране белая карточка со строкой 12345 и размытой тенью снизу.

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

  • метод lerp,
    который смешивает две тени в заданной доле
  • метод scale,
    который умножает сдвиг и размытие тени
  • метод copyWith,
    который заменяет цвет, сдвиг или размытие тени
  • класс BoxDecoration,
    который принимает список теней
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить