Метод 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