Иконки
Часть раздела Ваше первое приложение путешествия по Flutter на Coddy. Урок 25 из 32.
В Flutter есть более тысячи готовых значков. Отобрази значок с помощью виджета Icon и имени из Icons:
Icon(Icons.home)
Icon(Icons.search)
Icon(Icons.settings)Многие значки представлены в нескольких вариантах. Icons.star — это закрашенная звезда, а Icons.star_border — только её контур. Значки рисуются как буквы, поэтому они остаются чёткими при любом размере.
Задание
ЛегкоРядом с Favorites находится звезда. Замени её на закрашенное сердце: Icons.favorite.
Попробуйте сами
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: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.star),
SizedBox(width: 8),
Text('Favorites', style: TextStyle(fontSize: 24)),
],
),
),
),
);
}
}
В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Ваше первое приложение
1Привет, Flutter
Что такое Flutter?Изменение текстаДерево виджетовScaffold и AppBarСтроки и кавычкиКомментарии7Проект: визитная карточка
Визитная карточка: макетВизитная карточка: стиль6Иконки и изображения
ИконкиРазмер и цвет иконокИзображения из интернетаКруглые аватарыВиджеты из спискаПотренируйтесь самостоятельно: Онлайн-компилятор Flutter