- Заметки
- Рекомендации
Рекомендации
Заметки могут добавлять только авторизованные пользователи.
Авторизоваться через VK.com
Вы можете создать свою заметку. Заметка может быть приватной или опубликована для всех. Опубликованные заметки могут входить в документацию сайта. Опубликовав свои заметки вы принимаете пользовательское соглашение.
Новые рекомендации
Создание адаптивного пользовательского интерфейса
Автор оригинального текста Aloïs Deniel перевод статьи https://aloisdeniel.com/#/posts/adaptative-ui Недавно я представил доклад на конференции FlutterVikings, в котором подробно объяснил, о чем вам следует думать в первую очередь при создании пользова...Создание бит-машины во Flutter
Эта статья о том, как построить бит-машину с секвенсором в Dart/Flutter. Автор оригинального текста Ken Reilly. Оригинальная статья тут. Пример приложения Вступление С первого релиза Flutter в 2018 году прошло не так много времени, однако он уже набрал ...Анонс Dart 2.12
Согласованные нулевые типы (Sound null safety) и Dart FFI в стабильной версии! Мы с радостью представляем вам Dart 2.12, обладающий стабильными версиями согласованных нулевых типов и Dart FFI. Null safety — наша последняя основная функция для повышения ...Повтор знаменитой игры с тираннозавром при помощи Flutter и Flame
Автор оригинальной статьи — Renan C. Araujo Если вы еще не знакомы с Flutter, то у меня хорошие новости: вам предстоит познакомиться с одним из самых удобных и гибких способов создания пользовательского интерфейса. Так что не теряйте зря времени и узна...Представляем Flutter 2.0
Flutter нового поколения, созданный для WEB, мобильных устройств и настольных компьютеров
Сегодня мы с гордостью представляем Flutter 2: большое обновление для Flutter, дающее разработчикам возможность создавать интересные, быстрые и портируемые приложе...Context - как это работает во Flutter
Перевод статьи Flutter in Context автора Greg Perry Детальный разбор класса BuidContext
(Эта статья является частью серии Decode Flutter Series) Вы уже знакомы с контекстными объектами? Я имею в виду объекты класса BuildContext с именем context, которы...Анонс Flutter 1.22
Перевод статьи Announcing Flutter 1.22 Поддержка iOS 14 и Android 11, i18n и l10n, готовые плагины Google Maps и WebView, новый инструмент App Size и многое другое! Мы с радостью представляем вам свежую версию Flutter с обширной поддержкой iOS 14 и Andr...Views (экраны) и диалоговые окна — пошаговая инструкцию с Flame и Flutter (часть 3 из 5)
Перевод урока Views and Dialog Boxes Tutorial – Step by Step with Flame and Flutter (Part 3 of 5) Когда только начинаешь изучать разработку игр, думаешь, что самое тяжелое — это начать, продумать логику геймплея, найти и создать графику. Но это не так. ...Анимация и графика в играх: пошаговое обучение с Flame и Flutter (часть 2 из 5)
Перевод урока Game Graphics and Animation Tutorial – Step by Step with Flame and Flutter (Part 2 of 5) В этой части обучения мы сфокусируемся на добавлении графики и анимации в нашу игру. Мы продолжим с того места, на котором остановились в предыдущей ч...Создание казуальной 2D игры. Пошаговая инструкция при помощи Flame и Flutter (часть 1 из 5)
Перевод урока 2D Casual Mobile Game Tutorial – Step by Step with Flame and Flutter (Part 1 of 5) Вы когда-нибудь задумывались о разработке видеоигр? Если да, то вы пришли по адресу! Эта статья расскажет и покажет, как создать свою собственную 2D мобильн...Основы Dart 2.x (Коллекции)
Во многих приложениях требуется создавать группы связанных объектов и управлять ими. В языке Dart для этого существуют коллекции.
Коллекции предоставляют более гибкий способ работы с группами объектов. В отличие от массивов которые используются в других...Создание мобильных игр при помощи Flutter и Flame для начинающих
Перевод урока Create a Mobile Game with Flutter and Flame – Beginner Tutorial Зачем создавать свою мобильную игру? Многие люди согласятся, что игры — весьма увлекательное программное обеспечение, в котором можно открыть для себя множество новых миров и ...Представляем Вам Flutter 1.17!
Перевод статьи Announcing Flutter 1.17 Включает в себя поддержку Metal для более быстрой работы системы iOS, новые компоненты Material, новые программы для мониторинга сети и многое другое! Сегодня мы с радостью представляем Вам Flutter 1.17, наш первый...Представляем Dart 2.8!
Перевод статьи Announcing Dart 2.8 Сегодня мы представляем вам новую версию Dart SDK — 2.8! Сообщество Dart растет, и миллионы разработчиков Flutter используют Dart как язык для создания приложений на любой платформе. Мы продолжаем работать над завершен...Flutter - создание версии приложения с мгновенным запуском для Google Play Маркет
Что такое Google Play Instant и с историей развития этого вопроса можно ознакомиться в статье Google Play Instant. Рефакторинг длиною в жизнь.
В этой заметке мы рассмотрим, что нужно изменить в проекте чтобы собрать Flutter приложение с мгновенным запус...Сохранение pdf файла во Flutter web
Если кто-то столкнулся с проблемой сохранения бинарных файлов во Flutter web, в том числе PDF файлов, предлагаем наше решение. Для вывода бинарного файла в браузере воспользуемся функцией JavaScript, ее нужно подключить в index.html: function ToFile(arg...Flutter for web - создание веб-приложения
Flutter for web Git репозиторий ВНИМАНИЕ: Данная заметка устарела с выходом Flutter >= 1.9
Смотрите: FlutterWeb Урок 1. Введение в разработку на Flutter для Интернета Установка и настройка необходимых пакетов Пакет stagehand - создает новый проект из в...FlutterWeb Урок 1. Введение в разработку на Flutter для Интернета
С выходом версии фреймворка Flutter 1.9 у разработчиков приложений появилась возможность создать один Flutter-проект с одной кодовой базой для платформ: Android, iOS и web.
Это позволяет получить почти все плюсы Flutter в любом браузере и на любом устро...RaisedButton class - кнопка Material Design
Источник https://docs.flutter.io/flutter/material/RaisedButton-class.html Приподнятая над поверхностью кнопка. Эффект "парящей" кнопки создается за счет глубины теней. При нажатии приподнимается - тень становится больше и более размытой, создавая эффек...Основы Dart 2.x (Классы и объекты)
Dart является объектно-ориентированным языком, но в нем присутствуют некоторые отличия данной парадигмы от Java\C#.
Dart нет специальных ключевых слов (public; private; protected) то есть спецификаторов доступа, по этому все идентификаторы «публичны» п...Основы Dart 2.x (Классы и объекты) Часть II
Наследование Наследование является одним из фундаментальных атрибутов объектно-ориентированного программирования. Оно позволяет определить дочерний класс, который использует (наследует), расширяет или изменяет возможности родительского класса. Класс, чл...Основы Dart 2.x (Встроенные типы данных)
Описание: Dart это объектно-ориентированный статически типизированный язык программирования созданный компанией Google (Dart v1.0 вышел в ноябре 2013 года).
Для примеров можно использовать веб-среду DARTPAD Встроенные типы данных в Dart: • numbers
• str...Список ресурсов по Dart и Flutter
Для добавления нового ресурса пришлите ссылку на почту contact@flutter.su Сайты flutter.dev (flutter.io) [En]
dart.dev [En]
Flutter for web [En]
Flutter for desktop [En] Flu...Container class - класс контейнер
Наследование: Object > Diagnosticable > DiagnosticableTree > Widget > StatelessWidget > Container Виджет-класс Container сочетает в себе свойства: отображения, позиционирования и размерности. Внутри контейнера можно задать поля padding по отношению к до...Основы Dart 2.x (DartVM, Isolates, Streams)
Dart virtual machine Прежде чем говорить о Dart_VM и остальных вещах в данной теме, необходимо понимать что такое процесс операционной системы и как это всё работает, ибо без этих знаний будет сложно разобраться о чем идет речь далее ...
Процесс - это (...ButtonTheme class - настройка стиля кнопок
Источник https://api.flutter.dev/flutter/material/ButtonTheme-class.html Используйте ButtonTheme для настройки цвета и геометрии кнопок.
ButtonTheme может быть определен в ThemeData.buttonTheme. Или можно использовать его как виджет для переопределения...Основы Dart 2.x (асинхронное программирование)
Введение: Традиционно в программировании используют синхронное программирование — последовательное выполнение инструкций с синхронными системными вызовами, которые полностью блокируют поток выполнения, пока системная операция, например чтение с диска ил...Основы Dart 2.x (Generics)
Generics - параметризованные типы, дженерики или обобщения позволяют программе уйти от жесткой привязки к определенным типам, определить функционал так, чтобы он мог использовать данные любых типов и обеспечить их безопасность. Так же обобщения снижают ...Flutter на практике (AlertDialog and SimpleDialog)
AlertDialog AlertDialog - это виджет (диалоговое окно оповещения) информирует пользователя о чем либо и требует подтверждения. AlertDialig имеет необязательный заголовок и необязательное содержимое. Заголовок отображается над содержимым, а действия (нап...Flutter на практике (ListTile)
ListTile - это виджет на подобие CardView в Android, который представляет собой список, который может содержать от одной до трех строк текста, окруженных значками или другими виджетами, такими как пиктограммы (или другие) для тайла определяются с началь...PageView свайп в одну сторону
По умолчанию виджет PageView прокручивается с помощью касания в обе стороны. Чтобы запретить прокрутку с помощью касания, нужно в параметре physics задать значение NeverScrollableScrollPhysics(). PageView( physics: NeverScrollableScrollPhysics(), childr...pub - инструмент для работы с пакетами и зависимостями Dart
Источник https://v1-dartlang-org.firebaseapp.com/tools/pub Инструмент pub устанавливается вместе с Dart SDK.
С помощью команд pub можно: управлять пакетами и зависимостями;
создавать, разрабатывать и публиковать Dart приложения (пакеты);
запускать на в...Dart разбить строку в массив по разделителю
Метод split Пример: разделитель запятая void main() { String mystring = 'Царь, царевич, король, королевич';// Переменная строкового типа List mylist = mystring.split(',');// Разбить строку в массив по разделителю "," запятой. mylist.forEach((i)=>print(i...Flutter .of(context)
Для обращения к ближайшему родительскому объекту данного класса исходя из контекста, можно с помощью конструкции .of(context). В этом примере, на верхнем уровне у нас будет виджет TopScreen.
Он будет задавать общий фон, но менять фон мы будем из дочерне...Dart mixins. Пример использование миксинов в Dart.
```
class MyWidget extends StatefulWidget { @override State<StatefulWidget> createState() => _MyWidgetState();
} class _MyWidgetState extends State with MyLoader, MyProgress { // мы можем указать столько миксинов, сколько нам это нужно @override Widg...MediaQuery class
Позволяет получить размеры окна приложения.
MediaQuery.of(context).size Ширина окна double width = MediaQuery.of(context).size.width;Migrating to AndroidX / Переход на AndroidX
Если вы столкнулись с тем что новые пакеты Flutter требуют поддержки AndroidX, например geolocator ^5.0.0, то для их использования придется совершить этот переход. Показанием к переходу может быть то, что вы установили новую версию пакета, и во время за...Yandex Object Storage | PHP
Яндекс.Облако - облачные решения, на основе которых можно построить свои сетевые сервисы. Свой ресурс flutter.su мы решили разместить в Яндекс.Облаке. Хотим поделиться PHP кодом для подключения к Yandex Object Storage.
Для этого понадобится библиотека A...Flutter урок по GPS геолокации (перевод урока с дополнениями)
GPS стала стандартной функцией современного смартфона. Обычно используется приложениями, чтобы обнаружить местонахождение устройства. Это перевод статьи Flutter - GPS Geolocation Tutorial [EN]. Перевод подготовлен Михайловой Марией. В статье вставлены д...Image class – класс изображения
Источник https://api.flutter.dev/flutter/widgets/Image-class.html Наследование: Object > Diagnosticable > DiagnosticableTree > Widget > StatefulWidget > Image Виджет класс для отображения изображений. Конструкторы класса: Image() – получение изображени...Packages пакеты
Список пакетов для Flutter flutter_map — виджет отображения тайловых карт
flutter_spinkit — набор виджетов с анимацией загрузки (прелоадеры)
http — для сетевых запросов
latlong — класс для расчёта географических координат shared_preferences — пакет для ...Пакет shared_preferences
Пакет для сохранения постоянных данных ключ-значение, на устройствах iOS и Android. Реализация NSUserDefaults (на iOS) и SharedPreferences (на Android).
Данные сохраняются на диске асинхронно. Ни одна платформа не может гарантировать, что записи будут с...Комбинаторика (алгоритмы на языке Dart)
Пример простого кода программы для решения задач комбинаторики: перестановки, размещения и сочетания. Второй пример от первого, отличается только разным количеством элементов. Третий от второго, другими начальными значениями циклов.
Поэтому если запомни...RegExp class - класс для работы с регулярными выражениями
Регулярные выражения – это шаблоны, которые используются для нахождения сопоставлений строк и их частей, для дальнейшей обработки. Регулярные выражения Dart имеют тот же синтаксис и семантику, что и регулярные выражения JavaScript. http://ecma-internati...flutter_web icons - не отображаются в Windows или MacOS
При запуске Progressive Web Application built with Flutter можно столкнуться с тем, что иконки не отображаются (отображаются спецсимволом квадратом). Material icons not rendering #32245 https://github.com/flutter/flutter/issues/32245 А на смартфоне проб...Ошибка при попытке подключить пакет pub get | Visual Studio Code | Dart
При подключении нового пакета и вызове команды packages get может возникнуть ошибка: pub get Resolving dependencies... Got dependencies! Cannot open file, path = '.\.packages' (OS Error: Отказано в доступе. , errno = 5) exit code 66 Для ее исправлен...Button - кнопки | Flutter
RaisedButton class - кнопка Material Design https://flutter.su/docs/widgets-class/RaisedButton
Приподнятая над поверхностью кнопка. Эффект "парящей" кнопки создается за счет глубины теней. Подробнее FlatButton class - кнопка Material Design Кнопка на по...Flutter команды
flutter create flutter doctor flutter clean удаляет из директории проекта все скомпилированные и временные файлы. flutter clean Deleting 'build\' Deleting 'D:\flutter\mask_transition.dart_tool\'. flutter build flutter format https://flutter.dev/docs...Минимум кода для файла main.dart
С которого можно быстро начать тестирования какого-либо виджета. import 'package:flutter/material.dart'; void main() => runApp(MaterialApp( debugShowCheckedModeBanner: false, home: MainScreen()
)); class MainScreen extends StatefulWidget { @override ...Cupertino Icons
Иконки Cupertino во Flutter (SDK). Документация https://docs.flutter.io/flutter/cupertino/CupertinoIcons-class.html Git репозиторий https://github.com/flutter/cupertino_icons version: 0.1.2 Перевод описания иконок https://translate.yandex.ru Материалы п...Material Icons (иконки по умолчанию)
Иконки Material Desing по умолчанию во Flutter (SDK). Документация https://docs.flutter.io/flutter/material/Icons-class.html Git репозиторий https://github.com/flutter/.../icons.dart version: on 18 Dec 2018 https://material.io/tools/icons/?style=baselin...Перехват события системной кнопки Back в Android
Необходимо использовать виджет WillPopScope источник Возникают ситуации когда вам нужно обойти событие поумолчанию, системной кнопки back (кнопка назад) на сматрфонах с Android.
Для этого в виджете экрана используйте виджет WillPopScope @override
Widge...Пакет flutter_map | OpenStreetMap - бесплатные карты для Flutter
Если вам нужны карты, бесплатно, быстро и сейчас. То стоит обратить свое внимание на проект OpenStreetMap. OpenStreetMap является картой мира, созданной такими же людьми, как и вы, и может свободно использоваться под открытой лицензией. Для отображения ...Возможные проблемы при обновлении до версии Flutter Release Preview 2 и Dart SDK 2.1.0
Проблема с подключаемыми пакетами Если Вы обновили Flutter SDK или Dart SDK до новой версии, то в существующих проектах могли получить ошибки с подключенными пакетами, к примеру: Because flutter_app depends on validator any which requires SDK version &l...Flutter Create – официальный конкурс с призовым фондом более 10 000$
Прием заявок на конкурс завершен. Победители будут объявлены на Google I/O 2019. Всем желающим предлагается принять участие в конкурсе и разработать приложение на Flutter с 5 Кб кода на Dart. Все работы принимаются до 7 апреля 2019 года. Что может помес...Flutter.su заметки
На сайте flutter.su в разделе заметок, вы можете создавать свои собственные заметки. Для их описания используется язык разметки Markdown . Типы заметок Приватные заметки - тип заметок который доступен только Вам, используйте его для заметок которые никт...upperfirst или capitalize (Dart)
Функция dart, делает первую букву в тексте заглавной (прописной)Книги по Flutter SDK
Первой книгой по Flutter SDK может стать книга Эрика Виндмилла «Flutter в Действии» ([Flutter in Action — Eric Windmill](https://www.manning.com/books/flutter-in-action "Flutter in Action — Eric Windmill")).
