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

Метод all

Метод all класса BorderRadius принимает один радиус и копирует его на каждый угол. Отдельные углы задаёт метод only.

Синтаксис

BorderRadius.all(Radius.circular(16))

Параметры

Параметр Описание
radius Радиус, который получат все четыре угла.

Пример

Давайте скруглим все углы радиусом 16:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Container( padding: EdgeInsets.all(16), decoration: BoxDecoration( color: Color(0xFF1565C0), borderRadius: BorderRadius.all(Radius.circular(16)), ), child: Text('abcde'), ) ), ), ), ); }

На экране синяя карточка со строкой abcde. Все четыре угла скруглены одинаково.

Пример

Давайте скруглим сильнее, радиусом 36:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Container( padding: EdgeInsets.all(16), decoration: BoxDecoration( color: Color(0xFF2E7D32), borderRadius: BorderRadius.all(Radius.circular(36)), ), child: Text('12345'), ) ), ), ), ); }

На экране зелёная карточка со строкой 12345. Углы круглее, чем в первом примере.

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

  • метод only,
    который скругляет только названные углы
  • метод horizontal,
    который задаёт радиус отдельно левым и правым углам
  • метод vertical,
    который задаёт радиус отдельно верхним и нижним углам
  • класс BoxDecoration,
    который рисует скругление в поле borderRadius
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить