Создайте горизонтальные разделители в ряду, используя Flutter

Чтобы создать горизонтальный разделитель в ряду с помощью Flutter, вы можете использовать различные методы. Вот несколько вариантов:

  1. Виджет «Разделитель»: Flutter предоставляет встроенный виджет «Разделитель», который можно использовать для создания горизонтальных разделителей. Вы можете указать толщину, цвет и отступ разделителя.

Пример кода:

Row(
  children: [
    Text('Item 1'),
    Divider(),
    Text('Item 2'),
  ],
)
  1. Виджет «Контейнер» с BoxDecoration: вы можете использовать виджет «Контейнер» и применить BoxDecoration с рамкой, чтобы добиться эффекта горизонтального разделителя.

Пример кода:

Row(
  children: [
    Text('Item 1'),
    Container(
      height: 1,
      width: double.infinity,
      color: Colors.grey,
    ),
    Text('Item 2'),
  ],
)
  1. Виджет SizedBox: вы можете использовать виджет SizedBox определенной высоты для создания горизонтального разделителя.

Пример кода:

Row(
  children: [
    Text('Item 1'),
    SizedBox(
      height: 1,
      width: double.infinity,
      child: Container(color: Colors.grey),
    ),
    Text('Item 2'),
  ],
)
  1. Пользовательская раскраска. Другой подход — использовать виджет CustomPaint и написать собственный код для рисования горизонтальной линии.

Пример кода:

class HorizontalDivider extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    Paint paint = Paint()
      ..color = Colors.grey
      ..strokeWidth = 1;
    canvas.drawLine(Offset(0, size.height / 2), Offset(size.width, size.height / 2), paint);
  }
  @override
  bool shouldRepaint(CustomPainter oldDelegate) => false;
}
Row(
  children: [
    Text('Item 1'),
    CustomPaint(
      painter: HorizontalDivider(),
      child: Container(width: 1),
    ),
    Text('Item 2'),
  ],
)