Виджет Row в Flutter
Если элементы нужно поставить в ряд слева направо,
используют Row.
Как и у Column,
потомки передаются списком children, но главная
ось идёт по горизонтали: первый виджет слева,
следующий правее:
import 'package:flutter/material.dart';
void main() {
runApp(const MaterialApp(home: HomePage()));
}
class HomePage extends StatelessWidget {
const HomePage({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Row(
children: const [
Icon(Icons.star),
Icon(Icons.star),
Icon(Icons.star),
],
),
),
);
}
}
Виджет Row удобно комбинировать с текстом
и
иконками: подпись и пиктограмма стоят на одной
линии. Высота ряда равна высоте самого высокого
потомка. Ширина по умолчанию подстраивается под
сумму потомков, если родитель не растягивает ряд
на всю ширину экрана:
Row(
children: const [
Icon(Icons.check),
SizedBox(width: 8),
Text('Done'),
],
)
По центру экрана соберите такой
Row:
Row(
children: [
Icon(Icons.favorite),
SizedBox(width: 12),
Icon(Icons.favorite),
SizedBox(width: 12),
Icon(Icons.favorite),
],
)