Класс BorderSide

Класс BorderSide хранит цвет, толщину и стиль одной стороны. Цвет имеет тип Color, толщина задаётся в логических пикселях. Четыре такие стороны собирает Border.

Синтаксис

BorderSide(color: Color(0xFF1565C0), width: 2)

Методы

Метод	Описание
`copyWith`	Меняет цвет, толщину или стиль одной стороны.
`lerp`	Плавно переходит между двумя `BorderSide`.
`merge`	Соединяет две стороны: пустую заменяет вторая, а две линии одного цвета складывают толщину.
`scale`	Умножает толщину линии на коэффициент.
`toPaint`	Собирает `Paint` для обводки этой стороны.

Пример

Давайте оформим Container:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: Container(
				width: 160,
				height: 80,
				decoration: BoxDecoration(color: Colors.white, border: Border.all(color: Colors.teal, width: 2), borderRadius: BorderRadius.circular(8), boxShadow: [BoxShadow(offset: Offset(2, 2), blurRadius: 4)]),
				),
				),
			),
		),
	);
}

На экране блок с рамкой, скруглением и тенью.

Пример

Давайте усилим тень:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: Container(
				width: 160,
				height: 80,
				decoration: BoxDecoration(color: Colors.grey.shade100, boxShadow: [BoxShadow(color: Colors.black26, blurRadius: 10, offset: Offset(4, 4))]),
				),
				),
			),
		),
	);
}

На экране более заметная тень.

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

класс Border,
четыре стороны рамки
класс ShapeDecoration,
фон произвольной формы
класс BorderRadius,
скругление углов
класс Radius,
радиус одного угла