Flutter Pulse
774 subscribers
469 photos
1.13K links
На канале будут новости про flutter с сайтов, информация об обновлении пакетов, а также авторский контент.
Download Telegram
Создаём красивые контекстные меню в Flutter с пакетом star_menu!

Хотите добавить в своё Flutter-приложение стильные и функциональные контекстные меню? В статье ниже вы найдёте подробное руководство по использованию пакета star_menu!

В этой статье вы узнаете, как создавать контекстные меню различных форм (линейные, круговые, сеточные) и настраивать их анимацию. Вы научитесь обрабатывать нажатия на элементы меню, создавать подменю и использовать продвинутые функции, такие как ленивая загрузка элементов и эффекты фона. Авторы подробно объясняют, как использовать пакет star_menu, чтобы ваши меню выглядели современно и привлекательно.

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

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

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

#flutter #dart #flutterpulse #FlutterPulseMedium #mobiledev #appdev #contextmenu #starmmenu
👍1
Самые лучшие обновлённые пакеты за последние 24 часа

firebase_messaging 15.2.1
Плагин для Flutter, который позволяет использовать Firebase Cloud Messaging API. Убрано устаревшее сообщение (#16995).
👍 Лайки: 3690, 📥 Скачиваний: 1.1M
https://pub.dev/packages/firebase_messaging

shadcn_ui 0.40.2
Исправлена ошибка в ShadSelectFormField, когда callback onChanged вызывался дважды при изменении значения.
Пакет содержит множество настраиваемых UI-компонентов для Flutter.
Лайков: 808, Скачиваний: 26 000
https://pub.dev/packages/shadcn_ui

animated_to 0.5.0
Пакет animated_to используется для создания анимированного перемещения виджетов при изменении их позиции. Теперь он зависит от пакета motor вместо springster. Также исправлена утечка памяти, связанная с контроллерами анимации.
Лайков: 192
Скачиваний: 1390
https://pub.dev/packages/animated_to

media_kit 1.2.3
Пакет media_kit - это кроссплатформенный видео- и аудиоплеер для Flutter и Dart. В новой версии исправлено поведение shuffle, удалено дублирование внутреннего состояния для веб-версии и добавлено свойство isDefault для объекта Track.
Пакет имеет более 836 лайков и 114 000 скачиваний!
https://pub.dev/packages/media_kit

material_symbols_icons 4.39.0
Теперь поддерживает Material Symbols Icons variable fonts версии 4.39 для стилей outline, rounded и sharp, а также dart sdk >=2.16.0.
Пакет уже набрал 274 лайка и более 160 000 скачиваний!
https://pub.dev/packages/material_symbols_icons

bazel_worker 1.1.5
Теперь требует protobuf версии 5.0.0 или выше, но ниже 7.0.0.
Этот пакет используется для создания постоянного цикла работы для bazel.
Уже 249000 скачиваний и 6 лайков!
https://pub.dev/packages/bazel_worker

flutter_secure_storage_darwin 0.1.1
Используется для безопасного хранения данных на iOS и macOS с помощью Keychain API.
В обновлении исправлены предупреждения с Privacy Manifest.
Лайков: 0, Скачиваний: 209000
https://pub.dev/packages/flutter_secure_storage_darwin

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

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

#Flutter #Dart #PubDev #FlutterPulse #FlutterPulseBestPackages #firebase_messaging #shadcn_ui #animated_to #media_kit #material_symbols_icons #bazel_worker #flutter_secure_storage_darwin
1👍1
[Токсичный стрим] Конференции... Стоит ли игра свеч или где мой шашлычок?

Сегодня мы поговорим о наболевшем - о конференциях! 🤕 Многие из нас уже не раз посещали эти мероприятия, но в последнее время они вызывают все больше вопросов. 🤔

🔥 В этом видео мы обсудим:
🔹 Что не так с IT-конференциями? 🤕
🔹 Нужно ли на них ходить спикером или участником? 📢
🔹 Почему хардкор зачастую не приветствуется? 💻
🔹 Какое мерило успеха от участия в конференции? 🏆
🔹 Что не так с Dart/Flutter-сообществом в РФ? 🇷🇺

📺 Смотрите новое видео на нашем канале: [Токсичный стрим] Конференции... Стоит ли игра свеч или где мой шашлычок?

Приятного просмотра! 😊

Посмотрите другие видео по #FlutterPulseYoutube.

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

#Flutter #Dart #FlutterPulse #FlutterPulseYoutube
Создайте приложение Android Auto с помощью Flutter: от телефона к панели приборов 🚗💻

Хотите узнать, как интегрировать ваше Flutter-приложение с Android Auto? 🤔 В новой статье вы найдёте подробное руководство о том, как это сделать, используя Kotlin и возможности Flutter.

В статье описаны приёмы и советы по созданию приложения Android Auto с помощью Flutter. Автор делится своим опытом разработки двух приложений: простого приложения для отображения скорости и местоположения, а также приложения AutoGlucose для мониторинга уровня глюкозы в крови. Вы узнаете, как использовать шаблоны Android Auto, как взаимодействовать между Flutter и Kotlin, и как обновлять экран Android Auto в реальном времени.

Кроме того, в статье обсуждаются ограничения и требования Google Play Store для приложений Android Auto, а также опыт автора по прохождению процесса проверки и одобрения приложения.

🇷🇺 Читать статью на русском
🇬🇧 Read the article in English
🌐 Read on Level Up Coding

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

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

#flutter #dart #flutterpulse #FlutterPulseMedium #androidauto #kotlin #mobiledevelopment #appdevelopment
👍2
Управление Состоянием в Flutter: Простой и Эффективный Подход

При разработке приложений на Flutter одно из ключевых вопросов, с которыми сталкиваются разработчики, — это управление состоянием. Состояние приложения может включать в себя широкий спектр данных, от простых переменных до сложных объектов, и его изменение должно корректно отражаться в интерфейсе пользователя. Для решения этой задачи часто используются сторонние фреймворки, такие как BLoC, Riverpod или GetX, но во многих случаях они могут быть избыточными 🤔.

Вместо этого можно использовать встроенные инструменты Flutter, такие как ValueNotifier и Provider, для реализации надежного и предсказуемого управления состоянием 📈. ValueNotifier позволяет хранить одно значение и уведомлять подписчиков при его изменении, а ValueListenableProvider подписывается на ValueNotifier и перестраивает зависимые виджеты при каждом изменении значения. Это позволяет поддерживать интерфейс в актуальном состоянии без дополнительного кода 💻.

Статья также упоминает другие встроенные механизмы Flutter для управления состоянием, такие как setState() для управления локальным состоянием одного виджета, InheritedWidget для передачи данных вниз по дереву виджетов, и ChangeNotifier для управления сложным состоянием целого объекта с множеством полей 📊. Каждый из этих механизмов имеет свои преимущества и недостатки, и выбор того или иного подхода зависит от конкретных потребностей проекта 📝.

Читать здесь

FlutterPulse — канал о мире Flutter!
#flutter #dart #flutterpulse #flutterpulsehabr #мобильнаяразработка #управлениесостоянием
🪙 Жизненный цикл Flutter-приложения: как отслеживать изменения состояний 📱
Каждое мобильное приложение проходит через ряд состояний, определяемых перечислением AppLifecycleState. Чтобы корректно реагировать на эти события, нам нужно понимать, какие состояния существуют и как на них реагировать.
Существует пять основных состояний:
- resumed: приложение находится на переднем плане и готово к взаимодействию с пользователем 📈
- inactive: приложение временно неактивно, например, при поступлении звонка 📞
- paused: приложение уходит в фон и не реагирует на действия пользователя 📊
- hidden: приложение скрыто от пользователя, но процесс остается в памяти и готов к быстрому возобновлению 🔒
- detached: приложение больше не активно и готовится к завершению 🔴

Чтобы отслеживать изменения этих состояний, мы используем WidgetsBindingObserver и его метод didChangeAppLifecycleState, который вызывается каждый раз, когда система переводит приложение между состояниями.

Пример работы с didChangeAppLifecycleState:

@override
void didChangeAppLifecycleState(AppLifecycleState state) {
  super.didChangeAppLifecycleState(state);
  setState(() {
    if (state == AppLifecycleState.resumed) {
      appState = 'Возобновлено';
    } else if (state == AppLifecycleState.inactive) {
      appState = 'Неактивно';
    } else if (state == AppLifecycleState.paused) {
      appState = 'Приостановлено';
    } else if (state == AppLifecycleState.detached) {
      appState = 'Отключено';
    } else if (state == AppLifecycleState.hidden) {
      appState = 'Скрыто';
    }
  });
}


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

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

#flutter #dart #FlutterPulse #FlutterPulseNews #flutterfriendly #mobiledevelopment #appdevelopment
👍3🔥1
Работаем с локальным хранилищем в Flutter: используем SQLite с sqflite
Хотите сохранять данные в приложении без интернета? SQLite — отличный выбор! В этой статье вы узнаете, как использовать пакет sqflite для создания локальной базы данных и выполнения базовых операций CRUD.

В статье рассматривается настройка проекта, создание модели данных, настройка SQLite с помощью DatabaseHelper, а также интеграция с UI. Вы узнаете, как выполнять операции вставки, обновления, удаления и выборки данных, а также получите практические советы по работе с SQLite в Flutter.

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

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

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

#flutter #dart #flutterpulse #FlutterPulseMedium #SQLite #sqflite #localstorage #CRUD #mobiledevelopment
👍2
Flutter Pulse pinned «🎉 Вышел Ноябрьский Flutter-дайджест! 🚀 Привет, друзья! Ноябрь получился насыщенным — новый Flutter 3.38 уже тут, а вместе с ним куча улучшений по вебу, UI, платформам и продуктивности. Но главное — у нас вышла огромная подборка материалов, переводов, пакетов…»
Самые лучшие обновлённые пакеты за последние 24 часа

parse_server_sdk_flutter 2.0.0
Плагин для Flutter, который позволяет получить доступ к мощному бэкенду Parse Server из вашего приложения Flutter.
В обновлении пакет разделен на чистый dart (parse_server_sdk) и пакет для Flutter (parse_server_sdk_flutter) для упрощения поддержки.
👍 Лайки: 141, 📥 Скачиваний: 3.5К
https://pub.dev/packages/parse_server_sdk_flutter

stream_chat_flutter 9.21.0
Плагин для Flutter, который позволяет создавать чат-приложения с помощью сервиса Stream Chat.
В новой версии исправлена ошибка с отображением галереи в полноэкранном режиме.
👍 Лайки: 383, 📥 Скачиваний: 19.1К
https://pub.dev/packages/stream_chat_flutter

image_picker_ios 0.8.4+11
Плагин для Flutter, который позволяет выбирать изображения на устройствах iOS.
Теперь он разделен от image_picker как федеративная реализация.
👍 Лайки: 10, 📥 Скачиваний: 806К
https://pub.dev/packages/image_picker_ios

get_it 9.2.0
Плагин для Flutter, который является быстрым и простым локатором сервисов для Dart и Flutter, упрощающим управление зависимостями.
В новой версии исправлены проблемы с кэшированием и удалением асинхронных синглтонов.
👍 Лайки: 4.6К, 📥 Скачиваний: 2.4М
https://pub.dev/packages/get_it

watch_it 2.4.1
Плагин для Flutter, который упрощает управление состоянием в Flutter, автоматически перестраивая виджеты при изменении данных.
В новой версии исправлена ошибка в функции allReady(), которая теперь корректно возвращает false и показывает состояние загрузки до завершения новых асинхронных синглтонов.
👍 Лайки: 197, 📥 Скачиваний: 7.3К
https://pub.dev/packages/watch_it

unico_check 4.46.0
Плагин для Flutter, который используется для интеграции функций обнаружения живости и захвата документов в приложения Flutter.
В новой версии обновлена nativa sdk iOS до 2.21.4.
👍 Лайки: 15, 📥 Скачиваний: 61.7К
https://pub.dev/packages/unico_check

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

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

#Flutter #Dart #pubdev #FlutterPulse #FlutterPulseBestPackages #parse_server_sdk_flutter #stream_chat_flutter #image_picker_ios #get_it #watch_it #unico_check
👍1
Хватит страдать! Лёгкий способ бросить оверинжиниринг 🤯

Представьте, что вы работаете над проектом и используете кучу сложных технологий, хотя можно было бы обойтись простыми решениями. 🤔 Это оверинжиниринг - проблема, с которой сталкиваются многие разработчики. 😩

О чём пойдёт речь в видео? 📹

В этом видео Станислав Ильин, опытный разработчик и тимлид, рассказывает о том, как мы усложняем себе жизнь, используя ненужные технологии и паттерны. 📚 Он делится своим опытом и приводит примеры из реальных проектов, показывая, как можно упростить код и сделать его более поддерживаемым. 💻

Основные темы: 📝
🔹 Архитектура и ненужные слои
🔹 State-менеджмент и логика
🔹 UI и виджеты
🔹 Future proofing и ненужная абстракция

Станислав объясняет, почему мы часто используем оверинжиниринг и как можно избежать этого в будущем. 🤓 Он также делится советами о том, как писать простой и эффективный код. 💡

Смотрите видео полностью на YouTube: Хватит страдать! Лёгкий способ бросить оверинжиниринг // Станислав Ильин, Поток 📹

Посмотрите другие видео по теме: #FlutterPulseYoutube

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

#Flutter #Dart #FlutterPulse #FlutterPulseYoutube
👍1
Создание динамических форм в Flutter с помощью Stac
🚀 Хотите создать формы, которые адаптируются к потребностям пользователей в режиме реального времени? 🤔

В этой статье вы узнаете, как использовать Stac, мощный фреймворк для создания гибкого, управляемого сервером UI, чтобы построить динамические формы в Flutter. 📱 Вы научитесь создавать формы, которые меняются на лету без необходимости обновления приложения, валидировать поля формы и обрабатывать ответы API. 📈

В статье описаны приёмы и советы по созданию динамических форм, валидации полей, обработке API-запросов и ответов. Вы узнаете, как использовать Stac для создания форм, которые адаптируются к потребностям пользователей. 🤝

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

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

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

#flutter #dart #flutterpulse #FlutterPulseMedium #mobiledevelopment #appdevelopment #stac #dynamicforms
1👎1
Обзор пакетов на тему Code Editor & Syntax Highlighter


Flutter Code Editor 0.3.5
Flutter Code Editor - мощный редактор кода для Flutter, поддерживающий подсветку синтаксиса для более 100 языков, сворачивание блоков кода, автодополнение, темы и многое другое. Он легко интегрируется в ваши приложения.
👍 Лайки: 216, 📥 Скачиваний: 36.5K
📅 Обновлено: 2 месяца назад
https://pub.dev/packages/flutter_code_editor


Re-Editor 0.8.0
Re-Editor - это легкий и мощный виджет редактора текста и кода для Flutter, поддерживающий подсветку синтаксиса, сворачивание кода, автодополнение, поиск и замену, контекстное меню и горячие клавиши. Он также поддерживает двунаправленную прокрутку и умный ввод.
👍 Лайки: 127, 📥 Скачиваний: 8.6K
📅 Обновлено: 2 месяца назад
https://pub.dev/packages/re_editor


flutter_syntax_view 4.1.7
flutter_syntax_view - пакет для подсветки синтаксиса кода в Flutter, поддерживающий Dart, C, C++, Java, Kotlin, Swift, JavaScript, YAML, Rust, Lua, Python. Он включает темы, настраиваемые цвета и шрифты.
👍 Лайки: 95, 📥 Скачиваний: 14.9K
📅 Обновлено: 8 месяцев назад
https://pub.dev/packages/flutter_syntax_view


Flutter Code View 0.0.5
Flutter Code View - пакет, позволяющий легко вставлять в ваши приложения фрагменты кода с подсветкой синтаксиса и настраиваемыми темами. Он поддерживает подсветку синтаксиса для многих языков программирования и имеет 90+ встроенных тем.
👍 Лайки: 1, 📥 Скачиваний: 528
📅 Обновлено: 14 дней назад
https://pub.dev/packages/flutter_code_view


Flutter Monaco 0.0.5
Flutter Monaco - пакет, позволяющий интегрировать полнофункциональный редактор Monaco (как в VS Code) в ваши Flutter-приложения с помощью WebView. Он поддерживает более 100 языков программирования и имеет несколько тем.
👍 Лайки: 17, 📥 Скачиваний: 335
📅 Обновлено:
https://pub.dev/packages/flutter_monaco


Syntax Highlight 0.5.0
Syntax Highlight - пакет для подсветки синтаксиса кода в Flutter, поддерживающий множество языков, включая Dart, Python, JavaScript и многие другие.
👍 Лайки: 61, 📥 Скачиваний: 20.3K
📅 Обновлено: 3 месяца назад
https://pub.dev/packages/syntax_highlight


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

#flutter #dart #pubdev #flutterpulse #FlutterPulseThemedPackages #FlutterCodeEditor #ReEditor #flutter_syntax_view #FlutterCodeView #FlutterMonaco #SyntaxHighlight
Мой опыт перехода от React Native к Flutter: история успеха
🌟 Автор статьи, талантливый программист, решил создать мобильное приложение во время двухнедельного отпуска. Он выбрал между React Native и Flutter, двумя популярными фреймворками для разработки кроссплатформенных приложений. После изучения плюсов и минусов каждого фреймворка, автор первоначально выбрал React Native, но столкнулся с проблемами при установке последних версий всех зависимостей.

🤔 Из-за конфликтов между библиотеками он был вынужден удалить всё и начать сначала. В конце концов, он решил попробовать Flutter. Автор статьи делится своим опытом перехода от React Native к Flutter. Он отмечает, что хотя ему пришлось потратить время на изучение языка Dart, оно было быстро принято благодаря сходству с JavaScript.

📊 Автор сравнивает примеры кода для создания кнопки в React Native и Flutter, подчеркивая разницу в синтаксисе. Он также упоминает, что для Flutter существует меньше библиотек для линтинга, форматирования и поиска мертвого кода по сравнению с React Native. Несмотря на это, автор интересуется дальнейшим изучением Flutter и приглашает к обсуждению и советам.

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

👉 FlutterPulse — канал о мире Flutter!
#flutter #dart #flutterpulse #flutterpulsehabr #mobiledvelopment
1