Forwarded from Мобильная разработка
Как создать игру в реальном времени с Flutter Flame
Подробное руководство, как создать с помощью Flutter, Flame и Supabase многопользовательскую игру.
Игра представляет собой простую стрелялку. У каждого игрока есть свой космический корабль, и вы можете перемещать его, проводя пальцем по экрану. Цель игры состоит в том, чтобы поразить противников до того, как ваш корабль будет уничтожен зарядами противника:
https://supabase.com/blog/flutter-real-time-multiplayer-game
#flutter
Подробное руководство, как создать с помощью Flutter, Flame и Supabase многопользовательскую игру.
Игра представляет собой простую стрелялку. У каждого игрока есть свой космический корабль, и вы можете перемещать его, проводя пальцем по экрану. Цель игры состоит в том, чтобы поразить противников до того, как ваш корабль будет уничтожен зарядами противника:
https://supabase.com/blog/flutter-real-time-multiplayer-game
#flutter
Forwarded from Мобильная разработка
«20 уроков, которые я вынес из 20 лет работы программистом»
На Хабре вышла статья, в которой разработчик делится своим взглядом на разработку и опытом. Список состоит из 20 советов. Возможно вы не откроете что-то новое для себя из статьи, но вспомнить подзабытые лайфхаки в soft-skills и работе — бывает полезно:
https://habr.com/ru/company/productivity_inside/blog/717108/
#it
На Хабре вышла статья, в которой разработчик делится своим взглядом на разработку и опытом. Список состоит из 20 советов. Возможно вы не откроете что-то новое для себя из статьи, но вспомнить подзабытые лайфхаки в soft-skills и работе — бывает полезно:
https://habr.com/ru/company/productivity_inside/blog/717108/
#it
Forwarded from Мобильная разработка
This media is not supported in your browser
VIEW IN TELEGRAM
OCR на Flutter с помощью Google ML Kit
OCR или «Оптическое распознавание символов» — это технология, которая распознаёт текст внутри цифрового изображения. OCR обычно используется для распознавания текста в отсканированных документах и изображениях.
Для реализации данной функциональности на Flutter для этого есть удобный и простой пакет: Flutter Scalable OCR. Данный пакет является оболочкой Google ML Kit:
https://pub.dev/packages/flutter_scalable_ocr
#flutter
OCR или «Оптическое распознавание символов» — это технология, которая распознаёт текст внутри цифрового изображения. OCR обычно используется для распознавания текста в отсканированных документах и изображениях.
Для реализации данной функциональности на Flutter для этого есть удобный и простой пакет: Flutter Scalable OCR. Данный пакет является оболочкой Google ML Kit:
https://pub.dev/packages/flutter_scalable_ocr
#flutter
Forwarded from Мобильная разработка
Нативная реклама на Flutter
Руководство по интеграции нативной рекламы в приложении. Автор подробно показывает, как настроить рекламу для Android и iOS:
https://medium.com/itnext/flutter-native-ads-92d802fbd927
#flutter
Руководство по интеграции нативной рекламы в приложении. Автор подробно показывает, как настроить рекламу для Android и iOS:
https://medium.com/itnext/flutter-native-ads-92d802fbd927
#flutter
Forwarded from Мобильная разработка
Шесть открытых библиотек от Mad Brains, которые упростят жизнь Flutter-разработчика
Flutter постоянно развивается, однако всё равно разработчики могут столкнуться с отсутствием готовых решений.
В этой статье команда Mad Brains собрала библиотеки, которые могут понадобиться Flutter-разработчику. Например: для реализации оплаты, геокодер, плагин для пуш-уведомлений:
https://vc.ru/dev/641642-shest-otkrytyh-bibliotek-ot-mad-brains-kotorye-uprostyat-zhizn-flutter-razrabotchika
#flutter
Flutter постоянно развивается, однако всё равно разработчики могут столкнуться с отсутствием готовых решений.
В этой статье команда Mad Brains собрала библиотеки, которые могут понадобиться Flutter-разработчику. Например: для реализации оплаты, геокодер, плагин для пуш-уведомлений:
https://vc.ru/dev/641642-shest-otkrytyh-bibliotek-ot-mad-brains-kotorye-uprostyat-zhizn-flutter-razrabotchika
#flutter
Forwarded from Мобильная разработка
30 проектов и библиотек для Flutter-разработчиков
В этой статье — подборка полезных репозиториев GitHub и проектов, которые могут помочь начинающим в изучении Flutter, а более опытным разработчикам найти полезные библиотеки для проектов:
https://www.theinsaneapp.com/2023/03/best-flutter-github-repositories.html
#flutter
В этой статье — подборка полезных репозиториев GitHub и проектов, которые могут помочь начинающим в изучении Flutter, а более опытным разработчикам найти полезные библиотеки для проектов:
https://www.theinsaneapp.com/2023/03/best-flutter-github-repositories.html
#flutter
Forwarded from Мобильная разработка
Flutter Course – Создание полноценного клона Google Docs
Видеоурок по созданию кросс-платформенного клона Google Docs с помощью Flutter и Node.js.
Аутентификация в Google настраивается без поддержки Firebase, однако начинающие смогут познакомиться с другими технологиями: Socket, MongoDB и River pod.
https://youtu.be/F6P0hve2clE
#flutter
Видеоурок по созданию кросс-платформенного клона Google Docs с помощью Flutter и Node.js.
Аутентификация в Google настраивается без поддержки Firebase, однако начинающие смогут познакомиться с другими технологиями: Socket, MongoDB и River pod.
https://youtu.be/F6P0hve2clE
#flutter
YouTube
Flutter Course – Build Full Stack Google Docs Clone
Build a responsive cross-platform Google Docs Clone using Flutter & Node.js. This tutorial is designed for beginners in Node.js and no prior knowledge Javascript is required. This course will go through Google Authentication WITHOUT Firebase, keeping the…
Forwarded from Flutter For Dev - новости, статьи, дизайн.
Building your first Flutter App - with a Codelab!: Filip Hráček рассказывает про создание первого Flutter приложения с помощью Codelab.
https://youtu.be/8sAyPDLorek
https://youtu.be/8sAyPDLorek
Forwarded from Мобильная разработка
Flutter Build Show от Google
Новая серия видеоуроков от инженеров Google, в котором они создают и объясняют сложные функции, чтобы помочь начинающим в полной мере раскрыть потенциал приложений. Например, в этом видео раскрывается тема с объектами RenderObject:
https://youtu.be/cq34RWXegM8
#flutter
Новая серия видеоуроков от инженеров Google, в котором они создают и объясняют сложные функции, чтобы помочь начинающим в полной мере раскрыть потенциал приложений. Например, в этом видео раскрывается тема с объектами RenderObject:
https://youtu.be/cq34RWXegM8
#flutter
YouTube
How to build a RenderObject - Flutter Build Show
In this episode, go behind the scenes with RenderObjects and learn when, why, and how to write your own.
Full source → https://goo.gle/3GU6ufj
Catch more videos → https://goo.gle/FlutterBuildShow
Subscribe to Flutter! → https://goo.gle/FlutterYT
#FlutterBuildShow
Full source → https://goo.gle/3GU6ufj
Catch more videos → https://goo.gle/FlutterBuildShow
Subscribe to Flutter! → https://goo.gle/FlutterYT
#FlutterBuildShow
Forwarded from Мобильная разработка
Flutter: как запретить запись экрана и скриншоты в iOS & Android
Если по каким-то причинам вашему приложению понадобится функция запрета записи экрана или запрет на создание скриншотов, то для Android SDK можно воспользоваться официальным APi, но в случае iOS всё сложнее.
Статья на примерах показывает, как реализовать этот функционал только нативным кодом на обеих платформах:
https://medium.com/litslink/flutter-preventing-screenshots-and-screen-recording-in-the-app-3e6f55d05ee3
#flutter #ios #android
Если по каким-то причинам вашему приложению понадобится функция запрета записи экрана или запрет на создание скриншотов, то для Android SDK можно воспользоваться официальным APi, но в случае iOS всё сложнее.
Статья на примерах показывает, как реализовать этот функционал только нативным кодом на обеих платформах:
https://medium.com/litslink/flutter-preventing-screenshots-and-screen-recording-in-the-app-3e6f55d05ee3
#flutter #ios #android
Forwarded from Мобильная разработка
Цветовые схемы — от Figma до реализации дизайна на Flutter
Выбор цветовой гаммы мобильного приложения — задача не только для дизайнеров, но и для мобильных разработчиков. Понимание нюансов и цветовых схем в Material Design может значительно улучшить визуализацию приложения и опыт пользователя.
В этой статье как раз и разбираются все эти аспекты для приложений на Flutter. Материал может быть интересен и для Android-разработчиков, кто работает с Material 2 и Material 3:
https://infinum.com/blog/flutter-color-schemes/
#flutter #google
Выбор цветовой гаммы мобильного приложения — задача не только для дизайнеров, но и для мобильных разработчиков. Понимание нюансов и цветовых схем в Material Design может значительно улучшить визуализацию приложения и опыт пользователя.
В этой статье как раз и разбираются все эти аспекты для приложений на Flutter. Материал может быть интересен и для Android-разработчиков, кто работает с Material 2 и Material 3:
https://infinum.com/blog/flutter-color-schemes/
#flutter #google
Forwarded from Flutter For Dev - новости, статьи, дизайн.
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
https://medium.com/flutter-community/why-we-chose-flutter-for-the-rive-gamekit-9e61f776fba4
Forwarded from Мобильная разработка
Гибридная разработка на практике: Flutter и SvelteKit WebViews
Вчера у нас был пост о том, что такое гибридная разработка.
Сегодня перейдём к практике.
В статье подробно рассматривается интеграция SvelteKit WebViews с мобильным приложением на Flutter.
Вы узнаете:
— как настроить WebView во Flutter;
— как реализовать app bridge в SvelteKit;
— как отправлять сообщения между Flutter и SvelteKit.
#flutter #svelte
Вчера у нас был пост о том, что такое гибридная разработка.
Сегодня перейдём к практике.
В статье подробно рассматривается интеграция SvelteKit WebViews с мобильным приложением на Flutter.
Вы узнаете:
— как настроить WebView во Flutter;
— как реализовать app bridge в SvelteKit;
— как отправлять сообщения между Flutter и SvelteKit.
#flutter #svelte
8 пакетов Flutter для облегчения разработки
1. Freezed
Freezed — генератор кода, который уменьшает количество действий для создания шаблонов классов и помогает писать код быстрее.
2. flutter_launcher_icons
Пакет пригодится, если понадобится изменить иконки приложения, не зная ничего о Xcode и Android. Вы просто добавляете свой значок в формате png, выполняете команду
3. Fluttertoast
С помощью этого пакета легко отображать уведомления в приложениях Flutter.
4. Firestore
Firestore — облачная база данных NoSQL.
Пакет позволяет легко интегрировать приложения Flutter с Firestore.
5. Riverpod
Riverpod — менеджер состояний, который обеспечивает простой и гибкий способ управления состоянием приложения Flutter. Пакет упрощает создание реактивных пользовательских интерфейсов и тестирование кода.
6. SharedPreferences
Пакет для хранения и извлечения пар «ключ-значение» на устройстве пользователя. Удобен для хранения предпочтений пользователя, таких как настройки и данные, специфичные для пользователя.
7. package_info_plus
Пакет предназначен для получения информацию о приложении (номер версии, номер сборки и имя пакета). Этот пакет особенно полезен для отображения информации о приложении пользователям или в целях отладки.
8. intl
С помощью этого пакета разработчики могут легко форматировать дату, время, числа и валюту для разных локалей, что необходимо для создания приложений, поддерживающих несколько языков и регионов.
А какие пакеты для Flutter используете вы?
#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
Forwarded from Flutter For Dev - новости, статьи, дизайн.
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/
https://blog.codemagic.io/working-with-native-elements/
Forwarded from Дневник Flutter-разработчика (Дмитрий Лёвочкин)
Forwarded from Мобильная разработка
Доклад: «Стелем мягкую соломку на жёсткий Flutter»
Фронтенд- и фуллстек-разработчики выбирают Flutter для разработки UI приложений, обеспечивая единый исходный код для различных платформ.
В докладе — про лучшие практики разработки проектов на Flutter. Основой для этого доклада послужил опыт, накопленный командой спикера за почти три года работы с инструментом.
#доклад #flutter
Фронтенд- и фуллстек-разработчики выбирают Flutter для разработки UI приложений, обеспечивая единый исходный код для различных платформ.
В докладе — про лучшие практики разработки проектов на Flutter. Основой для этого доклада послужил опыт, накопленный командой спикера за почти три года работы с инструментом.
#доклад #flutter
Forwarded from Дневник Flutter-разработчика (Dmitry Lyovochkin)
#полезное
У Алексея вышло 2 хороших видео по темам Жизненный цикл элементов во Flutter и Как работает EventLoop в Dart
1️⃣ В видео:
https://www.youtube.com/watch?v=Lhr8w_wpmFY
🟢 как Flutter перестраивает дерево элементов
🟢 как работает жизненный цикл элемента на примере State у StatefulWidget
🟢 локальные/глобальные ключи при перестройке дерева элементов
🟢 способы оптимизации перестроения дерева
🟢 const
Советы из видео по оптимизации:
🔜 Старайтесь избегать напрямую вызова метода setState. Если все-таки делаете это, старайтесь делать это как можно ниже к элементам вашего дерева. Лучше всего использовать для этого стейтменеджеры
🔜 Избегайте как можно больше изменений иерархии вашего виджета. Если вы будете делать это без использования глобальных ключей(в примере), то на каждый элемент будет происходить новое создание. То есть иерархия у вас была из 100 виджетов, вы всего-лишь добавили обёртку в виде какого-нибудь Center и иерархия из 100 виджетов у вас просто с нуля пересоздалась, если конечно у вас не было глобальных ключей. И вот представьте, что вы делаете такое изменение иерархии внутри анимации, которая происходит на каждый кадр
2️⃣ В видео:
https://www.youtube.com/watch?v=eoPrGo4ffUA
🟢 как работает EventLoop в Dart
🟢 за счёт чего достигается асинхронное выполнение
🟢 логика EventLoop
🟢 подробный разбор задачки с собеседований по EventLoop(в какой последовательности будут распечатаны сообщения на экране?)
🟢 общий разбор изолятов
🟢 связь между EventLoop - запросы в сеть - чтение с диска
3️⃣ Статья из видео:
Why Flutter? Почему Flutter?
https://habr.com/ru/articles/787174/
У Алексея вышло 2 хороших видео по темам Жизненный цикл элементов во Flutter и Как работает EventLoop в Dart
https://www.youtube.com/watch?v=Lhr8w_wpmFY
Советы из видео по оптимизации:
https://www.youtube.com/watch?v=eoPrGo4ffUA
Why Flutter? Почему Flutter?
https://habr.com/ru/articles/787174/
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Ультимативный гайд по жизненному циклу элементов во Flutter
#flutter #dart #elements_tree
В видео вы узнаете, как Flutter перестраивает дерево элементов.
Как работает жизненный цикл элемента на примере State у StatefulWidget.
Также разберем способы оптимизации перестроения дерева.
Мой блог в ТГ: @adrianov_about |…
В видео вы узнаете, как Flutter перестраивает дерево элементов.
Как работает жизненный цикл элемента на примере State у StatefulWidget.
Также разберем способы оптимизации перестроения дерева.
Мой блог в ТГ: @adrianov_about |…
Forwarded from Дневник Flutter-разработчика (Dmitry Lyovochkin)
Команда Яндекса делится опытом в разработке на Flutter:)
Все вышедшие на сегодняшний день лекции:
Для чего Flutter используют в Яндекс Драйве и Яндекс Маркете? Как Flutter показал себя в Практикуме? Есть ли будущее у Flutter в Такси?
Асинхронное программирование в дарте. Future, FutureOr, Stream, async, await, yield, Zone... Как это всё работает? Копаем вглубь, ломаем стереотипы, убираем магию.
Лекция в широком смысле рассказывает об архитектуре как явлении и указывает, о чём важно помнить при проектировании приложения
На лекции мы обсудим идею state management в целом, ее архитектурные особенности при работе с состоянием. Обсудим популярные подходы к state management и самые популярные реализации. Сравним их по критериям, важным для масштабируемого приложения. Наконец, обсудим, какие решения лучше подходят для конкретных кейсов.
Как виджеты превращаются в пиксели на экране? Почему Flutter еще не переписали на Kotlin? Что круче — Skia или Impeller?
Спикер: Глеб Осотов, Flutter-разработчик Яндекс Про
На лекции мы рассмотрим, зачем нужны анимации в приложениях, как они устроены во Flutter. Вы узнаете не только какие виды анимаций можно использовать во Flutter, но и как они устроены внутри.
Спикер: Даниил Артамонов, руководитель группы мобильной разработки Яндекс Лавки
В рамках лекции мы познакомимся с пакетами, плагинами и другими способами делиться кодом между проектами на Dart. Познаем семантическое версионирование и научимся управлять зависимостями в больших проектах; Для этого погрузимся в инструментарий Dart и Flutter cli.
Научимся публиковать свои пакеты для общего и не очень доступа и изучим pub.dev.
Спикер: Константин Федуров, Flutter-разработчик Яндекс Про
В лекции рассмотрим, как работают и как использовать пакеты для кодогенерации, научимся исследовать код и покажем это на демо. Вместе с этим мы узанем как работает анализатор, и как мы можем писать свои правила для увеличения качества кода нашего проекта.
Спикер: Дмитрий Золотов, Flutter-разработчик Яндекс Доставки
На лекции мы научимся использовать навигацию на основе Router, разберем какие бывают диплинки и как их правильно обрабатывать, а также посмотрим на особенности Flutter Web в обработке ссылок и настройки стратегии навигации.
Спикер: Андрей Смирнов, Flutter-разработчик Яндекс Про
В этой лекции мы научимся писать Unit-тесты, UI-тесты, интеграционные тесты и узнаем, что такое golden тесты. А также разберем, что такое code coverage и научимся его собирать.
Спикер: Евгений Седанов, руководитель группы мобильной разработки Яндекс Про
Пуши и уведомления - это одно и то же? Может ли быть пуш без нотификации и нотификация без пуша? Что такое TTL пуша и почему пуши могут потеряться? Какие есть различия в пуш уведомлениях на Android и iOS? Можно ли выполнить Dart код по пушу или даже запустить приложение? Что такое VOIP пуши и чем они отличаются от обычных? Всё это и многое другое вы узнаете на этой лекции.
Спикер: Никита Березовский, Flutter-разработчик Яндекс Про
На лекции мы разберёмся с CI/CD и настроим пайплайн для github actions. Разберем что нужно знать чтобы довести приложение до релиза в сторы. Узнаем как наш код превращается в приложение: начиная с вызова flutter build и до запуска конечного артефакта.
Весь список лекций ШМР 2024: https://www.youtube.com/playlist?list=PLXtiZNKIobF4R3g_CCVkXgaMDg4E4pxeH
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Флаттер-мастерская: опыт команд Яндекса в разработке на Flutter — ШМР 2024
Для чего Flutter используют в Яндекс Драйве и Яндекс Маркете? Как Flutter показал себя в Практикуме? Есть ли будущее у Flutter в Такси?
В рамках дискуссии представители разных сервисов Яндекса расскажут, как и зачем в стеке технологий их продуктов появился…
В рамках дискуссии представители разных сервисов Яндекса расскажут, как и зачем в стеке технологий их продуктов появился…
Forwarded from Рестарт
В сети хайпит нейронка Code to Flowchart, которая анализирует и объясняет код — прогеры, сохраняем.
Она разбивает ваш код на шаги и поможет понять структуру. Просто вставляем его в редактор, выбираем тип диаграммы и кликаем на «Visualise my code». Диаграмма позволит легко отслеживать логику вашего кода и находить ошибки быстрее.
Юзать можно бесплатно — здесь
Она разбивает ваш код на шаги и поможет понять структуру. Просто вставляем его в редактор, выбираем тип диаграммы и кликаем на «Visualise my code». Диаграмма позволит легко отслеживать логику вашего кода и находить ошибки быстрее.
Юзать можно бесплатно — здесь