Flutter — это мощная платформа для создания кроссплатформенных приложений, предлагающая широкий спектр возможностей настройки. Одной из распространенных настроек является создание закругленных границ для плиток расширения, которые обеспечивают свертываемый и расширяемый виджет во Flutter. В этой статье мы рассмотрим различные методы достижения закругленных границ с помощью плиток расширения, а также приведем примеры кода.

Метод 1: оформление BoxDecoration с помощью BorderRadius

ExpansionTile(
  title: Text('Expansion Tile'),
  children: <Widget>[
    Container(
      decoration: BoxDecoration(
        borderRadius: BorderRadius.all(Radius.circular(10.0)),
        color: Colors.grey[200],
      ),
      padding: EdgeInsets.all(10.0),
      child: Text('Content goes here'),
    ),
  ],
)

Метод 2: виджет ClipRRect

ExpansionTile(
  title: Text('Expansion Tile'),
  children: <Widget>[
    ClipRRect(
      borderRadius: BorderRadius.all(Radius.circular(10.0)),
      child: Container(
        color: Colors.grey[200],
        padding: EdgeInsets.all(10.0),
        child: Text('Content goes here'),
      ),
    ),
  ],
)

Метод 3: собственный виджет

class RoundedExpansionTile extends StatelessWidget {
  final Widget title;
  final Widget content;
  const RoundedExpansionTile({
    required this.title,
    required this.content,
  });
  @override
  Widget build(BuildContext context) {
    return ExpansionTile(
      title: title,
      children: <Widget>[
        Container(
          decoration: BoxDecoration(
            borderRadius: BorderRadius.all(Radius.circular(10.0)),
            color: Colors.grey[200],
          ),
          padding: EdgeInsets.all(10.0),
          child: content,
        ),
      ],
    );
  }
}
// Usage:
RoundedExpansionTile(
  title: Text('Expansion Tile'),
  content: Text('Content goes here'),
)

В этой статье мы рассмотрели несколько методов создания закругленных границ с помощью плиток расширения во Flutter. Мы обсудили использование BoxDecoration с BorderRadius, виджетом ClipRRect и создание собственного виджета. Эти методы обеспечивают гибкость в достижении желаемого внешнего вида плиток расширения в ваших приложениях Flutter.