Столбец
Часть раздела Ваше первое приложение путешествия по Flutter на Coddy. Урок 19 из 32.
Center и Container содержат один дочерний элемент. Чтобы отобразить несколько виджетов, используй Column: он размещает свои children: друг под другом.
Column(
children: [
Text('Eggs'),
Text('Milk'),
Text('Bread'),
],
)children: принимает список, поэтому виджеты помещаются в квадратные скобки, после каждого ставится запятая. Они отображаются сверху вниз в том порядке, в котором ты их записываешь.
Задание
ЛегкоПриложение показывает только First. Замените его на Column, который показывает First, Second и Third именно в таком порядке, один под другим.
Попробуйте сами
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
body: Center(
child: Text('First'),
),
),
);
}
}
В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Ваше первое приложение
1Привет, Flutter
Что такое Flutter?Изменение текстаДерево виджетовScaffold и AppBarСтроки и кавычкиКомментарии7Проект: визитная карточка
Визитная карточка: макетВизитная карточка: стиль6Иконки и изображения
ИконкиРазмер и цвет иконокИзображения из интернетаКруглые аватарыВиджеты из спискаПотренируйтесь самостоятельно: Онлайн-компилятор Flutter