Виджет 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.