Несколько экземпляров виджета в Flutter
Класс виджета описывает разметку один раз, а на экране создают сколько угодно экземпляров с разными данными. Каждый вызов конструктора - отдельный узел дерева:
class PriceTag extends StatelessWidget {
const PriceTag({super.key, required this.amount});
final int amount;
@override
Widget build(BuildContext context) {
return Text('$amount ₽');
}
}
Три товара - три вызова с разными
amount. Чтобы показать их друг
под другом, потомков удобно собрать в
Column; подробно вертикальный ряд
мы разберём в разделе про раскладку:
Column(
children: [
PriceTag(amount: 100),
PriceTag(amount: 250),
PriceTag(amount: 990),
],
)
Объявите StatelessWidget CityRow
с полем name. В body выведите
три экземпляра с городами 'Moscow',
'Kazan' и 'Sochi', разместив
их в Column.