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

Виджет 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), ], )
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить