Рубрики

Flutter Image

Изображения широко используются в мобильных приложениях. Flutter Image предоставляет четыре различных способа использования изображений.

  • Загрузка изображения с удаленных серверов.
  • Загрузка изображений из ресурсов assets.
  • Изображения из файловой системы.
  • Создание изображений из двоичных данных.

В этой статье рассматриваются только первые два сценария использования.

Рубрики

Flutter Icons — использование иконок во Flutter

Flutter Icons — это идентификатор для поддерживаемых значков Материал дизайна.

Используйте с классом Icon для отображения определенных значков.

Значки идентифицируются по их названию, как указано на сайте api.flutter.dev/flutter/material/Icons-class.html.

Чтобы использовать этот класс, убедитесь, что вы установили uses-material-design: true в pubspec.yaml вашего проекта, в разделе flutter. Это гарантирует, что шрифт Material Icons будет включен в ваше приложение. Этот шрифт используется для отображения значков. Пример pubspec.yaml:

Рубрики

Flutter Button — использование кнопок в проектe

Как всегда откройте новый проект в Android Studio и удалите шаблонный пример. Можете взять код из предыдущего нашего поста, например отсюда (Drawer Flutter) и вставить его в свой проект. Код необходимо брать из последнего абзаца.

В настоящей статье мы рассмотрим RaisedButton и научимся добавлять иконку на кнопку. Как использовать FlatButton мы покажем в следующей статье про Flutter Button.

Рубрики

Flutter Drawer — гамбургер-меню

Это статья о меню Flutter Drawer (боковом меню), как его добавить в ваш проект и минимальные настройки данного виджета.

Создайте новый проект Flutter Project в Android Studio или в редакторе которым, вы пользуетесь.

Для того, чтобы создать боковое меню, вам понадобится добавить в свой код всего лишь одну строку:

drawer: Drawer(),
Рубрики

Flutter Row виджет

Виджет Flutter Row используется для горизонтального отображения дочерних виджетов. Виджет Row не прокручивается.

Если вы хотите отобразить три подряд текстовых виджета в строке, вы можете создать виджет Row, как показано ниже:

return Row(
  children: <Widget>[
    Expanded(
      child: Text('Первая ячейка', textAlign: TextAlign.center),
    ),
    Expanded(
      child: Text('Вторая ячейка', textAlign: TextAlign.center),
    ),
    Expanded(
      child: FittedBox(
        fit: BoxFit.contain,
        child: const FlutterLogo(),
      ),
    ),
  ],
);