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

Метод add

Метод add класса BorderRadius прибавляет к каждому углу радиус из второго скругления. Прямой угол плюс радиус даёт этот радиус.

Синтаксис

BorderRadius.circular(8).add(BorderRadius.circular(8))

Параметры

Параметр Описание
other Второе скругление. Его радиусы прибавляются к углам.

Пример

Давайте сложим два радиуса по 12:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Container( padding: EdgeInsets.all(16), decoration: BoxDecoration( color: Color(0xFF1565C0), borderRadius: BorderRadius.circular(12).add(BorderRadius.circular(12)), ), child: Text('abcde'), ) ), ), ), ); }

На экране синяя карточка со скруглением 24: два радиуса сложились.

Пример

Давайте прибавим радиус только к левому верхнему углу:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Container( padding: EdgeInsets.all(16), decoration: BoxDecoration( color: Color(0xFF6A1B9A), borderRadius: BorderRadius.circular(4).add( BorderRadius.only(topLeft: Radius.circular(28)), ), ), child: Text('12345'), ) ), ), ), ); }

На экране фиолетовая карточка. Левый верхний угол заметно круглее остальных.

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

  • метод all,
    который ставит один радиус на все четыре угла
  • метод only,
    который скругляет только названные углы
  • метод horizontal,
    который задаёт радиус отдельно левым и правым углам
  • класс BoxDecoration,
    который рисует скругление в поле borderRadius
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить