Метод 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,
который принимает список теней