Метод fromBorderSide
Метод fromBorderSide класса Border
принимает одну сторону и ставит её слева, сверху, справа и снизу.
Аргумент это одна сторона BorderSide: цвет и толщина.
Все четыре края получают эту сторону без изменений.
Синтаксис
Border.fromBorderSide(BorderSide(width: 4, color: Color(0xFF1565C0)))
Параметры
| Параметр | Описание |
|---|---|
side |
Сторона, которую копируют на все края. |
Пример
Давайте обведём карточку синей линией толщиной 4:
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(color: Color(0xFF1565C0), width: 4),
),
),
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(color: Color(0xFFC62828), width: 12),
),
),
child: Text('12345'),
)
),
),
),
);
}
На экране карточка со строкой 12345. Красная рамка толще, чем в первом примере, и снова со всех сторон.
Смотрите также
-
метод
symmetric,
который ставит одну сторону на бока и другую на верх и низ -
метод
merge,
который соединяет две рамки по краям -
метод
add,
который складывает стороны двух рамок -
класс
BorderSide,
который задаёт цвет и толщину одной стороны