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

Метод merge

Метод merge класса BorderSide возвращает одну сторону. Сторона без линии уступает место второй. Две линии одного цвета и стиля дают сумму толщин.

Синтаксис

BorderSide.merge(a, b)

Параметры

Параметр Описание
a Первая сторона.
b Вторая сторона.

Пример

Давайте заменим пустую сторону синей линией:

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.merge( BorderSide.none, BorderSide(color: Color(0xFF1565C0), width: 6), ), ), ), child: Text('abcde'), ) ), ), ), ); }

На экране карточка со строкой abcde и синей рамкой толщиной 6. Пустая сторона исчезла.

Пример

Давайте сложим две синие линии:

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.merge( BorderSide(color: Color(0xFF1565C0), width: 4), BorderSide(color: Color(0xFF1565C0), width: 8), ), ), ), child: Text('12345'), ) ), ), ), ); }

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

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

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