Чтобы создать горизонтальный разделитель в ряду с помощью Flutter, вы можете использовать различные методы. Вот несколько вариантов:
- Виджет «Разделитель»: Flutter предоставляет встроенный виджет «Разделитель», который можно использовать для создания горизонтальных разделителей. Вы можете указать толщину, цвет и отступ разделителя.
Пример кода:
Row(
children: [
Text('Item 1'),
Divider(),
Text('Item 2'),
],
)
- Виджет «Контейнер» с BoxDecoration: вы можете использовать виджет «Контейнер» и применить BoxDecoration с рамкой, чтобы добиться эффекта горизонтального разделителя.
Пример кода:
Row(
children: [
Text('Item 1'),
Container(
height: 1,
width: double.infinity,
color: Colors.grey,
),
Text('Item 2'),
],
)
- Виджет SizedBox: вы можете использовать виджет SizedBox определенной высоты для создания горизонтального разделителя.
Пример кода:
Row(
children: [
Text('Item 1'),
SizedBox(
height: 1,
width: double.infinity,
child: Container(color: Colors.grey),
),
Text('Item 2'),
],
)
- Пользовательская раскраска. Другой подход — использовать виджет 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'),
],
)