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

Метод 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,
    скругление углов
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить