Scaffold и AppBar
Часть раздела Ваше первое приложение путешествия по Flutter на Coddy. Урок 4 из 32.
Scaffold — это каркас экрана. Он предоставляет пустую страницу и места для обычных элементов приложения. Его body: — основная область, а appBar: — панель вверху.
Scaffold(
appBar: AppBar(
title: Text('Settings'),
),
body: Center(
child: Text('Nothing here yet'),
),
)AppBar отображает верхнюю панель и показывает в ней title:. Виджет может принимать несколько именованных частей, как в этом примере, каждая записывается в виде name: value,.
Задание
ЛегкоДобавь верхнюю панель в приложение:
- добавь
appBar:вScaffold, над егоbody: - сделай её
AppBar, у которойtitle:— этоText('My First App')
Попробуйте сами
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('Welcome'),
),
),
);
}
}
В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Ваше первое приложение
1Привет, Flutter
Что такое Flutter?Изменение текстаДерево виджетовScaffold и AppBarСтроки и кавычкиКомментарии7Проект: визитная карточка
Визитная карточка: макетВизитная карточка: стиль6Иконки и изображения
ИконкиРазмер и цвет иконокИзображения из интернетаКруглые аватарыВиджеты из спискаПотренируйтесь самостоятельно: Онлайн-компилятор Flutter