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

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