​Руководство по Dart Frog

Простое приложение на Flutter для счёта, которое подключается к серверу Dart Frog с помощью WebSockets и увеличивает значение счётчика в режиме реального времени на всех платформах.

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

https://verygood.ventures/blog/dart-frog-full-stack-tutorial

#flutter

12 методик, которые помогут создавать приложения на Flutter легко и просто

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

https://habr.com/ru/post/713702/

#android #flutter

Как создавать приложения на Flutter легко и просто?

В этой статье разбираются лучшие практики разработки на Flutter, которые могут помочь сделать работу легче для каждого Flutter-разработчика, например:

— понимание концепции constrains Flutter,
— когда использовать необработанные строки,
— почему следует использовать log вместо print и другие:

https://tprg.ru/F1pY

#flutter

Анимация бекграунда для Flutter-приложений

animated_background — библиотека, которая позволяет добавлять анимированный фон в приложение. Пакет легко добавить в проект и изменить дизайн под своё приложение:

https://pub.dev/packages/animated_background

#flutter

​Как создать игру в реальном времени с Flutter Flame

Подробное руководство, как создать с помощью Flutter, Flame и Supabase многопользовательскую игру.

Игра представляет собой простую стрелялку. У каждого игрока есть свой космический корабль, и вы можете перемещать его, проводя пальцем по экрану. Цель игры состоит в том, чтобы поразить противников до того, как ваш корабль будет уничтожен зарядами противника:

https://supabase.com/blog/flutter-real-time-multiplayer-game

#flutter

«20 уроков, которые я вынес из 20 лет работы программистом»

На Хабре вышла статья, в которой разработчик делится своим взглядом на разработку и опытом. Список состоит из 20 советов. Возможно вы не откроете что-то новое для себя из статьи, но вспомнить подзабытые лайфхаки в soft-skills и работе — бывает полезно:

https://habr.com/ru/company/productivity_inside/blog/717108/

#it

OCR на Flutter с помощью Google ML Kit

OCR или «Оптическое распознавание символов» — это технология, которая распознаёт текст внутри цифрового изображения. OCR обычно используется для распознавания текста в отсканированных документах и изображениях.

Для реализации данной функциональности на Flutter для этого есть удобный и простой пакет: Flutter Scalable OCR. Данный пакет является оболочкой Google ML Kit:

https://pub.dev/packages/flutter_scalable_ocr

#flutter

Нативная реклама на Flutter

Руководство по интеграции нативной рекламы в приложении. Автор подробно показывает, как настроить рекламу для Android и iOS:

https://medium.com/itnext/flutter-native-ads-92d802fbd927

#flutter

Шесть открытых библиотек от Mad Brains, которые упростят жизнь Flutter-разработчика

Flutter постоянно развивается, однако всё‎ равно разработчики могут столкнуться с отсутствием готовых решений.

В этой статье команда Mad Brains собрала библиотеки, которые могут понадобиться Flutter-разработчику. Например: для реализации оплаты, геокодер, плагин для пуш-уведомлений:

https://vc.ru/dev/641642-shest-otkrytyh-bibliotek-ot-mad-brains-kotorye-uprostyat-zhizn-flutter-razrabotchika

#flutter

30 проектов и библиотек для Flutter-разработчиков

В этой статье — подборка полезных репозиториев GitHub и проектов, которые могут помочь начинающим в изучении Flutter, а более опытным разработчикам найти полезные библиотеки для проектов:

https://www.theinsaneapp.com/2023/03/best-flutter-github-repositories.html

#flutter

​Flutter Course – Создание полноценного клона Google Docs

Видеоурок по созданию кросс-платформенного клона Google Docs с помощью Flutter и Node.js.

Аутентификация в Google настраивается без поддержки Firebase, однако начинающие смогут познакомиться с другими технологиями: Socket, MongoDB и River pod.

https://youtu.be/F6P0hve2clE

#flutter

Building your first Flutter App - with a Codelab!: Filip Hráček рассказывает про создание первого Flutter приложения с помощью Codelab.
https://youtu.be/8sAyPDLorek

​Flutter Build Show от Google

Новая серия видеоуроков от инженеров Google, в котором они создают и объясняют сложные функции, чтобы помочь начинающим в полной мере раскрыть потенциал приложений. Например, в этом видео раскрывается тема с объектами RenderObject:

https://youtu.be/cq34RWXegM8

#flutter

​Flutter: как запретить запись экрана и скриншоты в iOS & Android

Если по каким-то причинам вашему приложению понадобится функция запрета записи экрана или запрет на создание скриншотов, то для Android SDK можно воспользоваться официальным APi, но в случае iOS всё сложнее.

Статья на примерах показывает, как реализовать этот функционал только нативным кодом на обеих платформах:

https://medium.com/litslink/flutter-preventing-screenshots-and-screen-recording-in-the-app-3e6f55d05ee3

#flutter #ios #android

​Цветовые схемы — от Figma до реализации дизайна на Flutter

Выбор цветовой гаммы мобильного приложения — задача не только для дизайнеров, но и для мобильных разработчиков. Понимание нюансов и цветовых схем в Material Design может значительно улучшить визуализацию приложения и опыт пользователя.

В этой статье как раз и разбираются все эти аспекты для приложений на Flutter. Материал может быть интересен и для Android-разработчиков, кто работает с Material 2 и Material 3:

https://infinum.com/blog/flutter-color-schemes/

#flutter #google

Why we chose Flutter for the Rive GameKit: Gordon Hayes объясняет, почему команда Rive Gamekit выбрала Flutter для разработки своей игровой платформы, и рассматривает преимущества использования Flutter для создания кросс-платформенных приложений на примере Rive Gamekit.
https://medium.com/flutter-community/why-we-chose-flutter-for-the-rive-gamekit-9e61f776fba4

​Гибридная разработка на практике: Flutter и SvelteKit WebViews

Вчера у нас был пост о том, что такое гибридная разработка.
Сегодня перейдём к практике.

В статье подробно рассматривается интеграция SvelteKit WebViews с мобильным приложением на Flutter.

Вы узнаете:
— как настроить WebView во Flutter;
— как реализовать app bridge в SvelteKit;
— как отправлять сообщения между Flutter и SvelteKit.

#flutter #svelte

8 пакетов Flutter для облегчения разработки

1. Freezed
Freezed — генератор кода, который уменьшает количество действий для создания шаблонов классов и помогает писать код быстрее.

2. flutter_launcher_icons
Пакет пригодится, если понадобится изменить иконки приложения, не зная ничего о Xcode и Android. Вы просто добавляете свой значок в формате png, выполняете команду flutter pub run flutter_launcher_icons, и все остальное происходит в фоновом режиме.

3. Fluttertoast
С помощью этого пакета легко отображать уведомления в приложениях Flutter.

4. Firestore
Firestore — облачная база данных NoSQL.
Пакет позволяет легко интегрировать приложения Flutter с Firestore.

5. Riverpod
Riverpod — менеджер состояний, который обеспечивает простой и гибкий способ управления состоянием приложения Flutter. Пакет упрощает создание реактивных пользовательских интерфейсов и тестирование кода.

6. SharedPreferences
Пакет для хранения и извлечения пар «ключ-значение» на устройстве пользователя. Удобен для хранения предпочтений пользователя, таких как настройки и данные, специфичные для пользователя.

7. package_info_plus
Пакет предназначен для получения информацию о приложении (номер версии, номер сборки и имя пакета). Этот пакет особенно полезен для отображения информации о приложении пользователям или в целях отладки.

8. intl
С помощью этого пакета разработчики могут легко форматировать дату, время, числа и валюту для разных локалей, что необходимо для создания приложений, поддерживающих несколько языков и регионов.

А какие пакеты для Flutter используете вы?

#flutter

Working with native elements in Flutter: Platform Channel vs Pigeon vs Foreign Function Interface (FFI): В этой статье вы узнаете о механизмах коммуникации между Flutter и нативными компонентами: платформенных каналах, Pigeon и Foreign Function Interface (FFI). Вы также узнаете, как использовать эти механизмы на практике, создав демонстрационное приложение, совместимое с Android, iOS и macOS.
https://blog.codemagic.io/working-with-native-elements/

Доступно с Flutter 3.10.0:)

Разъяснение в pr:
https://github.com/flutter/flutter/pull/114459