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

Метод lerp

Метод lerp класса BorderSide смешивает две стороны в заданной доле. Доля 0 оставляет первую, доля 1 вторую.

Синтаксис

BorderSide.lerp(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), border: Border.fromBorderSide( BorderSide.lerp( BorderSide(color: Color(0xFF1565C0), width: 2), BorderSide(color: Color(0xFFC62828), width: 14), 0, )!, ), ), child: Text('abcde'), ) ), ), ), ); }

На экране карточка со строкой abcde и тонкой синей рамкой.

Пример

Давайте перейдём к толстой красной линии:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Container( padding: EdgeInsets.all(16), decoration: BoxDecoration( color: Color(0xFFFFFFFF), border: Border.fromBorderSide( BorderSide.lerp( BorderSide(color: Color(0xFF1565C0), width: 2), BorderSide(color: Color(0xFFC62828), width: 14), 1, )!, ), ), child: Text('12345'), ) ), ), ), ); }

На экране карточка со строкой 12345 и толстой красной рамкой.

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

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