Flutter Pulse
775 subscribers
473 photos
1.15K links
На канале будут новости про flutter с сайтов, информация об обновлении пакетов, а также авторский контент.
Download Telegram
🪙 Жизненный цикл 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
Самые лучшие обновлённые пакеты за последние 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
2
Flutter Pulse
MCP сервера: как они работают и как создать свой собственный на Dart 🚀 В этом видео Юрий Петров разберёт, что такое MCP сервера, как они работают и зачем они нужны разработчикам. Вы узнаете, как реализовать MCP сервер на Dart и подключить его к Cursor IDE.…
Улучшите свой опыт разработки Dart и Flutter с помощью сервера Dart MCP!
Представьте себе, что ваш AI-помощник может не только давать советы, но и напрямую взаимодействовать с вашим проектом Dart или Flutter, исправляя ошибки, добавляя новые функции и даже управляя зависимостями!

В этой статье мы рассмотрим, как использовать сервер Dart и Flutter MCP, чтобы вывести вашу разработку на новый уровень. Вы узнаете о полезных инструментах, предоставляемых сервером, и о том, как настроить его для использования с популярными инструментами, такими как Gemini CLI, Gemini Code Assist в VS Code, Cursor и GitHub Copilot в VS Code. Сервер Dart и Flutter MCP позволяет AI-моделям взаимодействовать с вашей средой разработки и запущенным приложением Dart или Flutter, предоставляя интеллектуальные идеи и используя инструментарий, обычно доступный только из вашей IDE или Dart и Flutter DevTools.

Сервер предоставляет растущий список инструментов, которые дают AI-помощникам глубокое понимание вашего проекта. Он может анализировать и исправлять ошибки в коде вашего проекта, интроспектировать и взаимодействовать с вашим запущенным приложением, искать на pub.dev лучший пакет для вашего случая, управлять зависимостями пакетов в вашем pubspec.yaml, запускать тесты и анализировать результаты.

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

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

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

#flutter #dart #flutterpulse #FlutterPulseMedium #AIforDevelopers #DartMCP #FlutterDevelopment #DevTools #ProductivityBoost
Самые лучшие обновлённые пакеты за последние 24 часа

webview_flutter_android 4.10.11 - плагин для интеграции веб-представлений в Android-приложения, созданные с помощью Flutter. В новой версии удален внутренний родной библиотечный прокси Dart.
👍 Лайки: 49, 📥 Скачиваний: 2.9М
https://pub.dev/packages/webview_flutter_android

Injectable 2.7.2 - пакет для управления зависимостями в приложениях Dart и Flutter. В новой версии добавлены функции генерации getters для GetIt, улучшена логика сортировки зависимостей и добавлено отчетывание о покрытии тестами.
👍 Лайки: 1420, 📥 Скачиваний: 920К
https://pub.dev/packages/injectable

fvm 4.0.2 - менеджер версий Flutter SDK, позволяющий переключаться между версиями Flutter мгновенно. В новой версии исправлены проблемы с обнаружением версий Flutter 3.38+, фильтрацией скрытых директорий и устранен конфликт маршрутов на сайте документации.
👍 Лайки: 700, 📥 Скачиваний: 97.6К
https://pub.dev/packages/fvm

webview_flutter_wkwebview 3.23.5 - плагин для реализации Apple WKWebView в webview_flutter. В новой версии удален внутренний родной библиотечный прокси Dart.
👍 Лайки: 44, 📥 Скачиваний: 2.9М
https://pub.dev/packages/webview_flutter_wkwebview

intercom_flutter 9.4.19 - обертка для Intercom Android, iOS и Web проектов, позволяющая легко интегрировать функции Intercom в свои приложения. В новой версии обновлен подпакет intercom_flutter_web до версии 1.1.11.
👍 Лайки: 151, 📥 Скачиваний: 98.5К
https://pub.dev/packages/intercom_flutter

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

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

#Flutter #Dart #pubdev #FlutterPulse #FlutterPulseBestPackages #webview_flutter_android #Injectable #fvm #webview_flutter_wkwebview #intercom_flutter
👍2
Управление переменными окружения в Flutter Web: секреты и лайфхаки
Flutter-разработчики, внимание! Хотите узнать, как эффективно управлять переменными окружения в своих Flutter Web-приложениях?

В этой статье вы найдёте подробное руководство по использованию переменных окружения в Flutter Web. Автор делится гибридной стратегией, которая включает использование flutter_dotenv для локальной разработки и dart-define для деплоя. Вы узнаете, как настроить VS Code для лёгкого переключения между окружениями, как создать отдельные файлы для переменных окружения и как интегрировать их в свой проект.

В статье описаны следующие приёмы:
Использование flutter_dotenv для локальной разработки и dart-define для деплоя;
Создание отдельных файлов для переменных окружения (.env.dev, .env.uat, .env.prod);
Настройка VS Code для лёгкого переключения между окружениями;
Использование dart-define для передачи значений переменных окружения при деплое.

🇷🇺Читать статью на русском
🇬🇧Читать статью на английском
🌐Оригинальная статья

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

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

#flutter #dart #flutterpulse #FlutterPulseMedium #webdevelopment #environmentvariables #devops #mobiledevelopment
👍1