Flutter Pulse
904 subscribers
532 photos
1 file
1.39K links
На канале будут новости про flutter с сайтов, информация об обновлении пакетов, а также авторский контент.
Download Telegram
Кроссплатформенная разработка на Flutter: исправляем ошибку dart:html

Вы когда-нибудь добавляли в свой проект Flutter код, работающий только в веб? И, возможно, он прекрасно работал в Chrome, пока вы не попробовали запустить его на телефоне или собрать APK. Внезапно, Flutter выбрасывает ошибки, связанные с отсутствием библиотек dart:html, dart:js и dart:js_util на мобильных платформах.

В этой статье мы разберем, почему это происходит и как исправить ошибку с помощью двух проверенных подходов: условных импортов с классами-обертками и использования пакета universal_html. Вы узнаете, как создать кроссплатформенное решение, которое будет работать как в веб, так и на мобильных устройствах.

Первый подход дает вам максимальный контроль и не требует внешних зависимостей, но требует больше настроек. Второй подход проще и быстрее в реализации, но использует дополнительную зависимость. Мы также рассмотрим лучшие практики для кроссплатформенной разработки на Flutter.

🇷🇺 Читать статью на русском
🇬🇧 Read the article in English
🌐 Читать оригинал

Все подобные новости ищите по хэштегу #FlutterPulseMedium Напишите, чтобы подписчики оценили рубрику.

FlutterPulse — канал о мире Flutter!

#flutter #dart #flutterpulse #FlutterPulseMedium #кроссплатформеннаяразработка #мобильнаяразработка #вебразработка
👍2🔥1
Самые лучшие обновлённые пакеты за последние 24 часа


source_gen 4.2.0
Пакет source_gen используется для автоматизированной генерации исходного кода для Dart. В новой версии добавлена возможность настройки заголовка сгенерированного файла через CombiningBuilder.
👍 Лайки: 187, 📥 Скачиваний: 2.7М
https://pub.dev/packages/source_gen


syncfusion_flutter_pdfviewer 32.1.24
Пакет syncfusion_flutter_pdfviewer позволяет просматривать PDF-документы на платформах Android, iOS, Web, Windows и macOS. В нём имеются такие функции, как масштабирование, виртуальный двусторонний скроллинг, навигация по страницам, выделение текста, поиск текста и многое другое.
👍 Лайки: 1120, 📥 Скачиваний: 140К
https://pub.dev/packages/syncfusion_flutter_pdfviewer


syncfusion_flutter_sliders 32.1.24
Пакет syncfusion_flutter_sliders используется для создания интерактивных и настраиваемых слайдеров для фильтрации в приложениях Flutter. В нём доступны три типа слайдеров: обычный, диапазонный и селектор диапазона.
👍 Лайки: 988, 📥 Скачиваний: 51.3К
https://pub.dev/packages/syncfusion_flutter_sliders


syncfusion_flutter_datagrid 32.1.24
Пакет syncfusion_flutter_datagrid используется для создания таблиц и данных в приложениях Flutter, обеспечивая высокую производительность даже при работе с большими объемами данных.
👍 Лайки: 860, 📥 Скачиваний: 54.8К
https://pub.dev/packages/syncfusion_flutter_datagrid


google_fonts 7.1.0
Пакет google_fonts используется для подключения шрифтов из fonts.google.com к приложениям Flutter. Теперь пакет поддерживает форматы WOFF2 и WOFF для веб-платформ, что улучшает производительность и уменьшает размер пакета.
👍 Лайки: 6370, 📥 Скачиваний: 1.8М
https://pub.dev/packages/google_fonts


hive_ce 2.3.0
Пакет hive_ce представляет собой быструю и безопасную NoSQL базу данных, написанную на Dart. В новой версии добавлена поддержка Flutter web WASM компиляции и исправлены проблемы с анализом кода.
👍 Лайки: 497, 📥 Скачиваний: 403К
https://pub.dev/packages/hive_ce


FlutterPulse — канал о мире Flutter!


Поддержать канал

#Flutter #Dart #PubDev #FlutterPulse #FlutterPulseBestPackages #source_gen #syncfusion_flutter_pdfviewer #syncfusion_flutter_sliders #syncfusion_flutter_datagrid #google_fonts #hive_ce
👍1
Flutter Web + Wasm: Новый уровень производительности!

Flutter Web стал серьёзным инструментом для создания веб-приложений, а с добавлением WebAssembly (Wasm) и улучшением Impeller renderer, его возможности стали ещё шире! В этой статье мы погрузимся в текущее состояние Flutter Web, обсудим обновления производительности, лучшие практики и реальные примеры использования.

В статье рассматриваются такие темы, как поддержка Wasm, улучшенный рендерер Impeller, оптимизация размера сборки, построение адаптивных макетов, тонкая настройка производительности и доступность. Вы узнаете, как использовать LayoutBuilder и MediaQuery для создания адаптивных интерфейсов, как кэшировать активы с помощью Service Workers и как улучшить доступность вашего приложения.

🇷🇺 Читать статью на русском
🇬🇧 Read the article in English
🌐 Читать оригинал

Все подобные новости ищите по хэштегу #FlutterPulseMedium Напишите, чтобы подписчики оценили рубрику.

FlutterPulse — канал о мире Flutter!

#flutter #dart #flutterpulse #FlutterPulseMedium #webdev #performance #wasm #mobiledev #crossplatform #PWAs #UIUX
👍1
Обзор пакетов на тему Voice Assistant, ASR, TTS & STT


flutter_tts 4.2.5
Этот популярный пакет позволяет легко интегрировать функцию текст-речь в ваши Flutter-приложения для Android, iOS, Web, Windows и macOS. Он поддерживает различные функции, такие как говорение, остановка, управление скоростью, громкостью и высотой тона, выбор языка и голоса, синтезирование речи в файл и отслеживание прогресса воспроизведения.
👍 Лайки: 1550, 📥 Скачиваний: 117K
📅 Обновлено: 15 дней назад
https://pub.dev/packages/flutter_tts


flutter_speech_recognition 2.0.1
Плагин для Flutter, позволяющий использовать распознавание речи на iOS, Android и macOS. Он поддерживает базовые функции распознавания речи и может быть использован в различных приложениях.
👍 Лайки: 54, 📥 Скачиваний: 591
📅 Обновлено: 12 месяцев назад
https://pub.dev/packages/flutter_speech


sherpa_onnx 1.12.23
Мощный пакет для обработки аудио, поддерживающий распознавание речи, синтез речи, разделение источников звука, идентификацию говорящего, диаризацию, верификацию, определение языка, тегирование аудио, обнаружение голоса, поиск ключевых слов, добавление знаков препинания, улучшение речи и многое другое.
👍 Лайки: 86, 📥 Скачиваний: 6.55K
📅 Обновлено: 6 дней назад
https://pub.dev/packages/sherpa_onnx


flutter_azure_tts 1.0.0
Пакет для интеграции Microsoft Azure Cognitive Text-To-Speech API в Flutter-приложения, поддерживающий стандартный и потоковый TTS, фильтрацию голосов, обработку ошибок, кэширование и логика повторных попыток.
👍 Лайки: 35, 📥 Скачиваний: 532
📅 Обновлено: 6 месяцев назад
https://pub.dev/packages/flutter_azure_tts


deepgram_speech_to_text 4.1.0
Клиент для Deepgram, позволяющий использовать функции Speech-to-Text и Text-to-Speech на всех платформах, поддерживающий стриминг и простую интеграцию.
👍 Лайки: 47, 📥 Скачиваний: 6.18K
📅 Обновлено: 4 месяца назад
https://pub.dev/packages/deepgram_speech_to_text


speech_to_text 7.3.0
Пакет для распознавания речи в Flutter, поддерживающий команды и короткие фразы на устройствах Android, iOS, macOS и Web, с бета-версией для Windows.
👍 Лайки: 1570, 📥 Скачиваний: 170K
📅 Обновлено: 5 месяцев назад
https://pub.dev/packages/speech_to_text


FlutterPulse — канал о мире Flutter!

#flutter #dart #pubdev #flutterpulse #FlutterPulseThemedPackages #flutter_tts #flutter_speech_recognition #sherpa_onnx #flutter_azure_tts #deepgram_speech_to_text #speech_to_text
👍1
Flutter-архитектура, которая спасла команду от 6 месяцев переработок

Представьте, что добавление новой функции в ваше приложение вместо пары недель превращается в шестинедельный кошмар. Команда TechCorp столкнулась именно с этой проблемой, пока не изменила подход к архитектуре своего Flutter-приложения.

В статье разработчики делятся своим опытом о том, как они перешли от хаотичного кода к четкой MVVM-архитектуре с Repository и Service слоями. Они описывают, как разделили бизнес-логику, работу с API и UI, и какие результаты получили после рефакторинга. Вы узнаете, как улучшить поддерживаемость кода, сократить время разработки новых фич и уменьшить количество багов.

🇷🇺 Читать статью на русском
🇬🇧 Read the article in English
🌐 Читать оригинал

Все подобные новости ищите по хэштегу #FlutterPulseMedium Оцените рубрику!

FlutterPulse — канал о мире Flutter!

#flutter #dart #flutterpulse #FlutterPulseMedium #mobiledev #appdev #softwarearchitecture #mvvm #flutterarchitecture #tech #programming #development #coding #softwareengineering
😁2👍1💩1
Самые лучшие обновлённые пакеты за последние 24 часа

vector_graphics_compiler 1.1.20 - пакет для компиляции SVG-файлов в формат, который может быть отображен runtime vector_graphics. Теперь поддерживается современный синтаксис RGB и RGBA в CSS, а также обновлена минимальная версия поддерживаемого SDK до Flutter 3.35/Dart 3.9. 👍 Лайки: 118, 📥 Скачиваний: 2.4М. Подробнее: https://pub.dev/packages/vector_graphics_compiler

mqtt_client 10.11.6 - клиент для протокола MQTT, позволяющий осуществлять обмен сообщениями между устройствами и серверами. В новой версии исправлена проблема, описанная в Issue 637. 👍 Лайки: 532, 📥 Скачиваний: 48.2К. Подробнее: https://pub.dev/packages/mqtt_client

hive_ce 2.3.0 - быстрая и безопасная NoSQL база данных, написанная на Dart. В новой версии добавлена поддержка Flutter web WASM компиляции и исправлены проблемы с анализом кода. 👍 Лайки: 499, 📥 Скачиваний: 422К. Подробнее: https://pub.dev/packages/hive_ce

google_maps_flutter_ios 2.17.0 - пакет для интеграции Google Maps в iOS-приложения. Теперь пакет подготовлен к поддержке SwiftPM. 👍 Лайки: 9, 📥 Скачиваний: 621К. Подробнее: https://pub.dev/packages/google_maps_flutter_ios

video_player_avfoundation 2.9.0 - пакет для проигрывания видео в iOS-приложениях. Теперь доступны методы getAudioTracks() и selectAudioTrack(). Минимальная поддерживаемая версия SDK обновлена до Flutter 3.29/Dart 3.7. 👍 Лайки: 8, 📥 Скачиваний: 1.66М. Подробнее: https://pub.dev/packages/video_player_avfoundation

flutter_soloud 3.4.9 - низкоуровневый аудио-плагин для Flutter, предназначенный для игр и иммерсивных приложений. В новой версии исправлены крахи при поиске с отрицательным значением и другие ошибки. 👍 Лайки: 534, 📥 Скачиваний: 30.7К. Подробнее: https://pub.dev/packages/flutter_soloud

FlutterPulse — канал о мире Flutter!

Поддержать канал

#Flutter #Dart #PubDev #FlutterPulse #FlutterPulseBestPackages #vector_graphics_compiler #mqtt_client #hive_ce #google_maps_flutter_ios #video_player_avfoundation #flutter_soloud
👍1
Понимать код, а не копировать 🤖💻
Привет, друзья! Сегодня мы хотим поговорить о понимании кода 🤓. Мы часто сталкиваемся с ситуациями, когда нам нужно использовать сторонние библиотеки или компоненты, но не всегда понимаем, как они работают 🤔. Это может привести к багам, неожиданным побочным эффектам и уязвимостям 🚨.

Почему это критично? 🤔
Непонимание контракта поля/метода может привести к багам и неожиданным побочным эффектам 🐜. Непроверенные апдейты зависимости могут сломать сборки и привести к runtime-ошибкам 🚧. Понимание реализации помогает правильно тестировать, оптимизировать и писать корректную миграцию при изменениях 📈.

Куда смотреть? 🗺
Мы можем найти информацию о библиотеках и компонентах на pub.dev, GitHub и в исходных кодах 📊. Мы должны читать README, CHANGELOG, примеры и отслеживать issues и PR 📝.

На что обращать внимание в поле/компоненте? 🔍
Мы должны понимать контракт, эффекты, производительность и депрексации 📊. Мы должны читать документацию и исходные коды, чтобы понять, как работает компонент 📚.

Практики по версиям и апдейтам 📈
Мы должны понимать major = breaking changes и читать CHANGELOG перед апдейтом 📝. Мы должны использовать pubspec.lock для воспроизводимости билдов и команды flutter pub outdated и flutter pub deps --style=compact 📊.

Краткий процесс обновления зависимости 📝
Мы должны исследовать пакет, обновить зависимость, прогнать тесты и развернуть на стейдже 🚀.

Полную новость читайте здесь.

FlutterPulse — канал о мире Flutter!

#flutter #dart #FlutterPulse #FlutterPulseNews #flutterfriendly #mobiledevelopment #programming
Flutter Twin — живые интерфейсы, отражающие и изменяющие реальность // «Flutter Mobile Developer»

В этом видео вы узнаете, как создавать цифровые двойники — автономные агенты, отражающие состояние реальных объектов и способные принимать решения на основе полученных данных. Спикер, Дмитрий Золотов, расскажет про архитектуру цифровых двойников и поделится open-source библиотекой flutter_twin, позволяющей быстро строить живые интерфейсы, связанные с реальностью.

Темы, затронутые в видео:
✦ Создание реактивных Flutter-приложений, синхронизирующихся с реальными системами и устройствами.
✦ Архитектура цифровых двойников и реактивная модель состояния.
✦ Подключение Flutter к различным протоколам (BLE, MQTT, WebSocket, RTOS) для обмена событиями и командами.
✦ Использование библиотеки flutter_twin для построения живых интерфейсов.

Для кого это видео?
✦ Flutter-разработчики, желающие создавать интерфейсы, живущие в потоке событий.
✦ Инженеры и архитекторы, работающие с IoT, логистикой, телеметрией и аналитикой.
✦ Разработчики, нуждающиеся в реальных realtime-визуализациях и управлении процессами.

Ссылка на видео: Youtube, VkVideo

Посмотрите это видео, чтобы узнать больше о возможностях Flutter в области интернета вещей и создания цифровых двойников. Не забудьте подписаться на наш канал и посмотреть другие видео по хэштегу #FlutterPulseYoutube.

#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
Flutter на вебе: один фреймворк для всех платформ?

Flutter продолжает завоевывать мир веб-разработки! Но насколько он готов заменить другие фреймворки и технологии для создания кросс-платформенных приложений?

Основная часть статьи посвящена анализу возможностей Flutter на вебе, включая производительность, SEO, доступность и опыт разработки. Автор рассматривает различные аспекты, такие как выбор рендерера (HTML или CanvasKit), маршрутизация, адаптивность и поддержка PWA. Отдельное внимание уделяется доступности и SEO, а также особенностям разработки для desktop-платформ.

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

🇷🇺 Читать статью на русском
🇬🇧 Read the article in English
🌐 Читать оригинал

Все подобные новости ищите по хэштегу #FlutterPulseMedium Напишите, чтобы подписчики оценили рубрику.

FlutterPulse — канал о мире Flutter!

#flutter #dart #flutterweb #FlutterPulseMedium #flutterdev #crossplatform #webdevelopment #mobiledevelopment #desktopdevelopment
Обзор пакетов на тему Graph Query Language


GraphQL Flutter 5.2.1
Этот пакет предоставляет idiomatic API и виджеты для работы с GraphQL в Flutter. Он позволяет легко подключаться к GraphQL серверу, выполнять запросы, мутации и подписки.
👍 Лайки: 905, 📥 Скачиваний: 132K
📅 Обновлено: 4 месяца назад
https://pub.dev/packages/graphql_flutter


Normalize 0.10.0
Пакет normalize позволяет нормализовать и денормализовать данные для операций GraphQL. Он кэширует результаты запросов GraphQL, облегчая работу с данными и ускоряя приложения.
👍 Лайки: 16, 📥 Скачиваний: 224K
📅 Обновлено: 12 месяцев назад
https://pub.dev/packages/normalize


Ferry 0.16.1+2
Ferry - простой и мощный GraphQL клиент для Flutter и Dart, полностью типизированный с встроенным генератором кода.
👍 Лайки: 365, 📥 Скачиваний: 1.4K
📅 Обновлено: 12 месяцев назад
https://pub.dev/packages/ferry


GraphQL Codegen 3.0.1
GraphQL Codegen - это инструмент для генерации кода из GraphQL схемы в Dart/Flutter, позволяющий генерировать сериализаторы и клиентские хелперы с минимальной конфигурацией.
👍 Лайки: 148, 📥 Скачиваний: 61.4K
📅 Обновлено: 16 часов назад
https://pub.dev/packages/graphql_codegen


gql_http_link 1.2.0
Пакет gql_http_link позволяет легко интегрировать GraphQL API в ваши Flutter/Dart приложения, выполняя запросы GraphQL через HTTP с использованием JSON.
👍 Лайки: 21, 📥 Скачиваний: 280K
📅 Обновлено: 4 месяца назад
https://pub.dev/packages/gql_http_link


GraphQL 5.2.3
Популярный GraphQL клиент для Dart, основанный на apollo client, позволяет взаимодействовать с любым GraphQL сервером, поддерживая запросы, мутации, подписки, кеширование и многое другое.
👍 Лайки: 488, 📥 Скачиваний: 240K
📅 Обновлено: 3 месяца назад
https://pub.dev/packages/graphql


FlutterPulse — канал о мире Flutter!

#flutter #dart #pubdev #flutterpulse #GraphQLFlutter #Normalize #Ferry #GraphQLCodegen #gql_http_link #GraphQL
7 Скрытых виджетов Flutter, которые сэкономят тебе часы разработки!

Ты когда-нибудь задумывался, как опытные разработчики создают такие сложные и красивые интерфейсы во Flutter всего за несколько строк кода? 🤔

В этой статье ты узнаешь о 7 скрытых виджетах Flutter, которые могут значительно упростить твою работу. Ты познакомишься с такими приёмами, как добавление pinch-zoom и drag-and-drop к любому виджету с помощью InteractiveViewer, создание анимированных списков с SliverAnimatedList, и реализация эффекта размытия с BackdropFilter. Кроме того, ты узнаешь, как использовать CustomScrollView и SliverFillRemaining, чтобы создать гибкие макеты, и как добавить нативный стиль выбора текста с RawMagnifier. Также в статье описаны AnimatedPositionedDirectional для RTL-дружественных анимаций и ShaderMask для добавления градиентных эффектов к любым виджетам.

🇷🇺 Читать статью на русском
🇬🇧 Read the article in English
🌐 Читать оригинал

Все подобные новости ищите по хэштегу #FlutterPulseMedium Напиши, чтобы подписчики оценили рубрику.

FlutterPulse — канал о мире Flutter!

#flutter #dart #flutterpulse #FlutterPulseMedium #mobiledevelopment #productivity #ui #ux #widgets #programming #coding #softwaredevelopment
🔥1🤝1
Самые лучшие обновлённые пакеты за последние 24 часа

flutter_stripe 12.2.0 - пакет для создания платежных экранов в мобильных приложениях на основе Flutter, обеспечивая безопасную и простую в использовании систему оплаты. В новой версии добавлена поддержка платежей Alma, токенов и других функций. Исправлены ошибки и улучшена стабильность. 👍 Лайки: 1500, 📥 Скачиваний: 127К. Подробнее: https://pub.dev/packages/flutter_stripe

shadcn_ui 0.44.1 - пакет содержит множество настраиваемых UI-компонентов для Flutter. Теперь в ShadForm учитываются начальные значения при получении значения формы для полей, не зарегистрированных с тем же id. Лайков: 842, Скачиваний: 20.9К. Подробнее: https://pub.dev/packages/shadcn_ui

flutter_web_auth_2 5.0.1 - пакет для аутентификации пользователей с помощью веб-сервисов, включая OAuth2. В новой версии исправлена ошибка, которая вызывала крах на Android, и добавлена обратная связь в случае отсутствия браузера на устройстве. Лайков: 143, Скачиваний: 156К. Подробнее: https://pub.dev/packages/flutter_web_auth_2

objective_c 9.2.4 - пакет используется для доступа к Objective C из Flutter и имеет более 385 000 скачиваний. Исправлена ошибка, связанная с путями кэша, которая могла привести к ошибкам отсутствия исходных файлов. Лайков: 11. Подробнее: https://pub.dev/packages/objective_c

Pigeon 26.1.7 - инструмент для генерации кода, который упрощает обмен данными между Flutter и платформой хоста. Теперь с поддержкой модульных импортов для Objective-C. Лайков: 1210, Скачиваний: 263К. Подробности: https://pub.dev/packages/pigeon

sqlite3 3.1.4 - пакет предоставляет Dart-bindings к SQLite и используется для работы с базами данных в приложениях. В новой версии исправлена проблема с разрешением путей на Windows при сборке из исходного кода. sqlite3 используется более чем в 639 000 проектах и имеет 429 лайков. Подробнее о пакете можно узнать по ссылке: https://pub.dev/packages/sqlite3

FlutterPulse — канал о мире Flutter!

Поддержать канал

#Flutter #Dart #PubDev #FlutterPulse #FlutterPulseBestPackages #flutter_stripe #shadcn_ui #flutter_web_auth_2 #objective_c #Pigeon #sqlite3
Flutter в 2025: возможности, ограничения и реальный опыт / ЧТУК

В этом видео мы подробно обсуждаем Flutter в формате интервью, без маркетинга и хайпа. Константин, Flutter-разработчик, работающий в международной компании в Таиланде, делится своим опытом и рассказывает о возможностях и ограничениях Flutter в 2025 году.

🔹 Как Константин стал Flutter-разработчиком и почему выбрал именно эту технологию?
🔹 Плюсы Dart и обзор фичей Flutter
🔹 Сравнение Flutter и KMP: что лучше?
🔹 Будущее Flutter: чего ожидать?
🔹 Ошибки в работе с Flutter и как их избежать
🔹 Изоляты, многомодульность и DI: как это работает?
🔹 Кодогенерация и работа с платформой
🔹 Что спрашивают на собеседованиях и как подготовиться?
🔹 Фичеринг и тестирование: как это работает?

Это интервью будет полезно мобильным разработчикам, которые рассматривают Flutter как основной инструмент, думают о переходе с нативной разработки или просто хотят лучше понять текущее состояние Flutter-экосистемы.

👉 Смотрите видео полностью по ссылке

👍 Подписывайтесь на канал и ставьте лайки! Увидимся в следующих видео!

#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
Парсинг JSON и XML данных во Flutter: полное руководство

Вы когда-нибудь задумывались, как правильно обрабатывать данные в формате JSON и XML во Flutter? В этой статье вы найдёте ответы на все вопросы!

В статье подробно описаны основы работы с JSON и XML данными, включая добавление файлов с данными в проект, чтение и парсинг данных, создание модели данных и преобразование данных в объекты Dart. Вы узнаете, как использовать библиотеку dart:convert для работы с JSON и пакет xml для работы с XML. Кроме того, будут рассмотрены factory-конструкторы для парсинга данных и преобразование объектов Dart обратно в JSON и XML.

🇷🇺 Читать статью на русском
🇬🇧 Read the article in English
🌐 Читать оригинал

Все подобные новости ищите по хэштегу #FlutterPulseMedium Напишите, понравилась ли вам рубрика?

FlutterPulse — канал о мире Flutter!

#flutter #dart #flutterpulse #FlutterPulseMedium #json #xml #parsing #data #programming #mobiledevelopment
🖼 Разбор подкапотки работы Flutter с изображениями! 🎉
ImageProvider — это абстракция над источником изображения. Виджету Image неважно, откуда придёт картинка: сеть, файл, память или ассеты. Он просто запрашивает у ImageProvider поток ImageStream, который уведомит, когда изображение готово или сообщит об ошибке. ⬆️

В карточках Андрей, Flutter Developer, рассказал, как устроен жизненный цикл загрузки. Также внутри найдёте советы по оптимизации: как сжимать исходники через ResizeImage и почему ScrollAwareImageProvider спасает ресурсы при быстром скролле списков. 🏄

Полную новость читайте здесь.

FlutterPulse — канал о мире Flutter!

#flutter #dart #FlutterPulse #FlutterPulseNews #surf_flutter
Обзор пакетов на тему Responsive UI


Easy Sidemenu 0.7.1
Easy Sidemenu - это легкий в использовании пакет для Flutter, который позволяет создавать боковые меню для навигации в вашем приложении. Он уже используется более чем в 6280 проектах.
👍 Лайки: 0, 📥 Скачиваний: 6.3K
📅 Обновлено: 7 месяцев назад
https://pub.dev/packages/easy_sidemenu


SizeHelper 2.1.0
SizeHelper - это Flutter-пакет, который упрощает создание отзывчивого UI, давая больше контроля над компонентами в зависимости от размера экрана. Он позволяет писать более читаемый код и поддерживает различные размеры экранов.
👍 Лайки: 58, 📥 Скачиваний: 830
📅 Обновлено: 15 месяцев назад
https://pub.dev/packages/size_helper


flutter_admin_scaffold 1.4.0
flutter_admin_scaffold - пакет для создания админских панелей в Flutter, который позволяет легко реализовать боковую панель с меню, заголовком и футером.
👍 Лайки: 206, 📥 Скачиваний: 760
📅 Обновлено: 13 месяцев назад
https://pub.dev/packages/flutter_admin_scaffold


OverflowView 0.5.0
OverflowView - виджет для Flutter, который отображает дочерние элементы в строку с индикатором переполнения, если места не хватает. Он имеет более 14,800 скачиваний и 221 лайк.
👍 Лайки: 221, 📥 Скачиваний: 14.8K
📅 Обновлено: 8 месяцев назад
https://pub.dev/packages/overflow_view


Simple Grid 0.1.5
Simple Grid - пакет, который предоставляет динамическую сетку, похожую на Bootstrap Grid, но с размерами, соответствующими точкам разрыва Material UI. Он имеет 79 лайков и 412 скачиваний.
👍 Лайки: 79, 📥 Скачиваний: 412
📅 Обновлено: 12 месяцев назад
https://pub.dev/packages/simple_grid


Sizer 3.1.3
Sizer - пакет, который автоматически адаптирует интерфейс вашего приложения к любому размеру экрана, делая его красивым и удобным на любом устройстве. Он имеет 1820 лайков и 196 000 скачиваний.
👍 Лайки: 1820, 📥 Скачиваний: 196.0K
📅 Обновлено: 5 месяцев назад
https://pub.dev/packages/sizer


FlutterPulse — канал о мире Flutter!

#flutter #dart #pubdev #flutterpulse #EasySidemenu #SizeHelper #flutter_admin_scaffold #OverflowView #SimpleGrid #Sizer
Реализация поддержки deeplink-ов и универсальных ссылок в мобильных приложениях на Flutter
📱💻

Вы когда-нибудь задумывались, как сделать так, чтобы ваше мобильное приложение открывалось по определенной ссылке? 🤔 Это возможно благодаря технологиям deeplink-ов и универсальных ссылок. В этой статье мы расскажем, как реализовать поддержку этих технологий в ваших мобильных приложениях на Flutter.

Deeplink-и - это ссылки с кастомной схемой, которые позволяют открыть приложение и перейти на вложенные маршруты внутри него 📈. Universal links - это универсальные ссылки iOS приложений, которые открывают приложение, если оно установлено, или веб-сайт, если нет 📊. App Links - это ссылки для Android, которые работают аналогично Universal links на iOS 📈.

Для обработки ссылок внутри приложения можно использовать библиотеку app_links 📚. Эта библиотека позволяет отслеживать, с какой ссылки запустилось приложение, и получать ссылки, которые поступают в приложение из платформы 📊.

Читать здесь: ссылка


FlutterPulse — канал о мире Flutter!

#flutter #dart #flutterpulse #flutterpulsehabr #deeplinks #universallinks #applinks
Адаптивная верстка во Flutter: инструменты для стабильного UI 📈💻
Продолжаем исследовать мир полезных Flutter-виджетов, которые помогают создавать адаптивный и стабильный интерфейс на разных экранах 📱👀. Сегодня мы поговорим о двух интересных инструментах: FractionallySizedBox и FittedBox 🤔.

FractionallySizedBox позволяет задать размер дочернего виджета как долю от размера родителя, что особенно полезно, когда нужно создать кнопку или контейнер, занимающий определённый процент ширины родителя, без использования жестко заданных значений 📏. Например:

FractionallySizedBox(
widthFactor: 0.8,
child: ElevatedButton(
onPressed: () {},
child: Text("Continue"),
),
)

Этот виджет помогает сохранять пропорции на разных экранах и устройствах, делая ваш UI консистентным и адаптивным 📈.

Другой полезный инструмент — FittedBox, который масштабирует дочерний виджет так, чтобы он вписался в доступное пространство, сохраняя пропорции 📐. Это особенно полезно, когда нужно вписать крупный текст или иконку в небольшую карточку или контейнер без ошибок переполнения 🚫. Например:

FittedBox(
child: Text(
"Responsive Title",
style: TextStyle(fontSize: 40),
),
)

Этот виджет предотвращает ошибки переполнения и гарантирует корректное масштабирование UI 📊.

Полную новость читайте здесь.

FlutterPulse — канал о мире Flutter!

#flutter #dart #FlutterPulse #FlutterPulseNews #flutter_amiga
1🔥1