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

Виджет Column в Flutter

Чтобы выстроить элементы друг под другом, во Flutter используют Column. Этот виджет принимает список потомков в параметре children и рисует их сверху вниз - первый потомок у верхнего края, следующий ниже и так далее.

Каждый элемент списка - отдельный виджет: текст, иконка, кнопка или вложенная раскладка. Порядок в children совпадает с порядком на экране. Для простого столбца из подписей достаточно нескольких Text. По умолчанию колонка берёт высоту родителя, а потомки остаются у верхнего края. По ширине она равна самому широкому потомку:

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: Column( children: const [ Text('First line'), Text('Second line'), Text('Third line'), ], ), ), ); } }

В body Scaffold разместите Column с тремя Text: 'Morning', 'Afternoon' и 'Evening'. Без Center - строки должны начинаться с левого верхнего угла body.

← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить