Метод all
Метод all класса Border собирает Border, у которого все четыре стороны рисуются одним BorderSide с заданным цветом и толщиной.
Цвет и толщина одни на все края.
Отдельные края этим методом не различают.
Синтаксис
Border.all(color: Colors.black, width: 1.0)
Параметры
| Параметр | Описание |
|---|---|
color |
Цвет Color.
|
width |
Толщина линии; по умолчанию 1.0.
|
style |
Цвета и яркость значков системных панелей. |
Пример
Давайте обведём блок:
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.black, width: 2)),
child: const Center(
child: Text('abcde'),
),
),
),
),
),
);
}
На экране чёрная рамка.
Пример
Давайте утолщим рамку:
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, border: Border.all(color: Colors.blue, width: 4)),
child: const Center(
child: Text('abcde'),
),
),
),
),
),
);
}
На экране синяя толстая рамка.
Смотрите также
-
класс
ShapeDecoration,
фон произвольной формы -
класс
BoxDecoration,
фон, рамка, тень и скругление -
класс
BorderSide,
одна сторона рамки -
класс
BorderRadius,
скругление углов