Flutter Pulse
493 subscribers
293 photos
613 links
На канале будут новости про flutter с сайтов, информация об обновлении пакетов, а также авторский контент.
Download Telegram
Обзор пакетов на тему HTML, CSS & SASS

linkcheck 3.1.0 📈
linkcheck - это быстрый и удобный инструмент для проверки ссылок на вашем сайте. Он может обнаруживать проблемы с ссылками, проверять внешние ссылки и многое другое.
👍 Лайки: 15, 📥 Скачиваний: 5.9К
Последнее обновление 📅: 21 день назад
https://pub.dev/packages/linkcheck

Dart Sass 1.89.2 🎉
Dart Sass - это реализация Sass на языке Dart, позволяющая сделать CSS более интересным и удобным в использовании.
👍 Лайки: 19, 📥 Скачиваний: 167К
Последнее обновление 📅: 22 дня назад
https://pub.dev/packages/sass

csslib 1.0.2 📊
Парсит CSS-код и преобразует его в удобный для работы формат.
👍 Лайки: 57, 📥 Скачиваний: 7.1М
Последнее обновление 📅: 8 месяцев назад
https://pub.dev/packages/csslib

html 0.15.6 📄
Парсинг HTML теперь стал проще! Этот пакет позволяет легко обрабатывать HTML-документы и фрагменты.
👍 Лайки: 629, 📥 Скачиваний: 6.4М
Последнее обновление 📅: 2 месяца назад
https://pub.dev/packages/html

Html Editor Enhanced 2.7.0 📝
Пакет Html Editor Enhanced - это текстовый редактор для Android, iOS и Web, который позволяет писать WYSIWYG HTML-код с помощью обертки JavaScript Summernote.
👍 Лайки: 626, 📥 Скачиваний: 31.6К
Последнее обновление 📅: 17 дней назад
https://pub.dev/packages/html_editor_enhanced

HTMLtoPDFWidgets 1.1.0 📄
Преобразуйте HTML и Markdown контент в PDF документы с поддержкой различных форматов Rich Text Editor.
👍 Лайки: 61, 📥 Скачиваний: 11.8К
Последнее обновление 📅: 37 дней назад
https://pub.dev/packages/htmltopdfwidgets

#linkcheck #DartSass #csslib #html #HtmlEditorEnhanced #HTMLtoPDFWidgets #flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages
Самые лучшие обновлённые пакеты за последние 24 часа


skeletonizer 2.1.0
Плагин для создания скелетных загрузок в приложениях, что улучшает пользовательский опыт во время загрузки контента. В новой версии добавлена поддержка RoundedSuperellipseBorder через TextBoneBorderShape в TextBoneBorderRadius.
👍 Лайки: 1870, 📥 Скачиваний: 261К
https://pub.dev/packages/skeletonizer


analyzer 7.5.4
Пакет для статического анализа кода на языке Dart и полезен для интеграции с инструментами и встраивания в редакторы.
В новой версии были устарены интерфейсы PromotableFragment и PromotableElement, которые являются внутренними деталями реализации.
👍 Лайки: 288, 📥 Скачиваний: 11.9М
https://pub.dev/packages/analyzer


syncfusion_flutter_pdfviewer 30.1.38
Плагин для просмотра PDF-документов на платформах Android, iOS, Web, Windows и macOS. В новой версии добавлена поддержка Linux, улучшена работа с формами и исправлены ошибки.
👍 Лайки: 1070, 📥 Скачиваний: 180К
https://pub.dev/packages/syncfusion_flutter_pdfviewer


freezed 3.1.0
Пакет для генерации кода для данных классов, помеченных объединений, вложенных классов и клонирования в Dart.
В новой версии 3.1.0 добавлены методы `when` и `map`, а также удалена необходимость писать `// dart format width=80` в сгенерированных файлах.
👍 Лайки: 4270, 📥 Скачиваний: 1.85М
https://pub.dev/packages/freezed


geolocator 14.0.2
Плагин для Flutter, который предоставляет легкий доступ к сервисам геолокации на платформах Android и iOS. Он позволяет получать последнее известное местоположение, текущее местоположение устройства, непрерывные обновления местоположения и многое другое.
В новой версии 14.0.2 добавлена секция о UIBackgroundModes в README и добавлена поддержка платформы Linux в pubspec.
👍 Лайки: 5870, 📥 Скачиваний: 1.11М
https://pub.dev/packages/geolocator


freezed_annotation 3.1.0
Теперь доступны when и map back.
👍 Лайки: 497, 📥 Скачиваний: 3.76М
https://pub.dev/packages/freezed_annotation

#Flutter #Dart #PubDev #FlutterPulse #FlutterPulseBestPackages #skeletonizer #analyzer #syncfusion_flutter_pdfviewer #freezed #geolocator #freezed_annotation
Вы не поняли extension types в Dart 🤔!
Узнайте, как использовать Extension Types в Dart для обеспечения типобезопасности, абстракции без накладных расходов и семантики взаимодействия с JS 📈.
Прочитайте статью здесь и откройте новые возможности для вашего кода! 🚀
Extension types в Dart - новый способ проектирования абстракций, позволяющий добиться статической типобезопасности без оверхеда в runtime 🕒.
Узнайте, как использовать их для создания более выразительного и безопасного кода 📝.
#flutter #dart #flutterpulse 🚀💻
🚀 Погружаемся в мир статического анализа Flutter: как сделать код идеальным?

Привет, Flutter-энтузиасты! 👋 Только что наткнулся на 🔥горячее видео от Кости Фидурова (Flutter-разработчик Яндекс Pro), которое перевернёт ваше представление о качестве кода! Если вы хоть раз задумывались о:

🔧 Настройке анализатора
✍️ Создании своих lint-правил
🚫 Борьбе с "ворнингами" в проектах

— это must-watch! 💡

👉 О чём видео?
Костя детально разбирает работу статического анализа в Dart:
Чем анализатор отличается от линтера
Как настроить analysis_options.yaml под свои нужды
Секреты кастомизации правил (даже написали плагин для префикса my_ в реальном времени!)
Практические примеры дебага AST (синтаксических деревьев)

💎 Самые сочные моменты:
Разбор 4 ключевых компонентов анализа: код, анализатор, конфиг, analysis server
Как избежать runtime-ошибок через strict-casts
Создание кастомного линт-правила за 40 строк кода!
Фикс типичных ошибок через Quick Fix в IDE

🔗 Смотрите запись лекции:
Анализатор — ШМР Flutter 2025

💬 "Приготовьтесь сделать ваш код чище и профессиональнее!" — обещаю, после просмотра вы:
• Пересмотрите настройки линтинга в своих проектах
• Научитесь ловить баги до запуска приложения
• Сможете создавать правила под специфику команды

👉 Не пропустите! Это глоток свежего воздуха для всех, кто устал от бесконечных ignore: todo в коде.

📌 Подписывайтесь на наш канал, чтобы первыми получать лучшие Flutter-материалы! Ищите другие сокровища по хэштегу: #FlutterPulseYoutube

#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
Имитация вызовов REST API
Привет, разработчики Flutter! 👋 Сегодня мы рассмотрим важный аспект тестирования приложений — имитацию вызовов REST API. 📱💻

Имитация вызовов API позволяет тестировать ваше приложение без фактического обращения к серверу, что делает процесс тестирования более быстрым и надежным. ⚡️

Как это работает?
1. Импортируйте пакет mocktail:
import 'package:mocktail/mocktail.dart';


2. Создайте класс HttpClientMock, который имитирует поведение HttpClient:
class HttpClientMock extends Mock implements HttpClient {}
final httpClientMock = HttpClientMock();


3. Используйте when для определения поведения имитированного клиента:
when(() => httpClientMock
.get(Uri.parse('myapi/...')))
.thenAnswer((_) async => Response('''
{"id":"testId","route":"myPage"}
''', 200));


Таким образом, вы можете легко тестировать ваше приложение, имитируя различные ответы сервера. 🌟

Оцените нашу новую рубрику и оставьте свои комментарии! 💬

Все подобные новости можно найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #MobileAppDevelopment #AppTesting #MockingAPI #FlutterTips
2D-скролл во Flutter 🚀💻!
Узнайте, как реализовать двумерный скролл в Flutter без потери производительности 📈!
Новый пакет two_dimensional_scrollables позволяет создавать эффективные двумерные скроллы с помощью виджетов TableView и TreeView 🌟.
Но иногда готовых решений может быть недостаточно, и требуется собственная реализация 2D-скролла для полного контроля над лэйаутом 🤔.
Читайте статью, чтобы узнать, как создать кастомный скролл для сложных интерфейсов и увеличить производительность приложения в 10 раз 🚀!
Узнайте, как использовать TwoDimensionalScrollView для создания двумерных прокручиваемых списков с поддержкой анимации и вложенных списков внутри ячеек 📊.
Эта новая реализация двумерного скролла открывает новые возможности для создания сложных приложений, таких как видеоредакторы 📹!
Читать статью можно здесь 📄.
#flutter #dart #flutterpulse #2Dскролл #производительность #мобильные_приложения #виджеты #TableView #TreeView #TwoDimensionalScrollView 🚀💻
Самые лучшие обновлённые пакеты за последние 24 часа

_flutterfire_internals 1.3.58
Пакет содержит общий Dart-код для плагинов FlutterFire и не предназначен для публичного использования.
В обновлении была обновлена зависимость до последнего релиза.
Пакет набрал 3 лайка и более 2.8М скачиваний!
👍 Лайки: 3, 📥 Скачиваний: 2.8М
https://pub.dev/packages/_flutterfire_internals

permission_handler 12.0.1
Пакет используется для запроса разрешений и проверки их статуса на устройствах iOS и Android.
В новой версии обновлена соответствие между группами разрешений и ключами в файле Info.plist.
👍 Лайки: 5790, 📥 Скачиваний: 1.85М
https://pub.dev/packages/permission_handler

firebase_auth 5.6.2
Пакет используется для аутентификации в Firebase приложениях на Flutter.
Теперь с обновленной зависимостью.
Уже 4150 лайков и более 1.15М скачиваний!
👍 Лайки: 4150, 📥 Скачиваний: 1.15М
https://pub.dev/packages/firebase_auth

firebase_messaging 15.2.9
Пакет используется для интеграции Firebase Cloud Messaging в приложения Flutter.
Теперь с обновленной зависимостью.
Уже 3790 лайков и 1.76М скачиваний!
👍 Лайки: 3790, 📥 Скачиваний: 1.76М
https://pub.dev/packages/firebase_messaging

firebase_core 3.15.1
Пакет позволяет подключать несколько приложений Firebase в Flutter.
Более 2.92М скачиваний и 3890 лайков!
👍 Лайки: 3890, 📥 Скачиваний: 2.92М
https://pub.dev/packages/firebase_core

firebase_core_web 2.24.1
Пакет используется для реализации Firebase в веб-приложениях.
Более 2.8М скачиваний и 53 лайка.
👍 Лайки: 53, 📥 Скачиваний: 2.8М
https://pub.dev/packages/firebase_core_web

#Flutter #Dart #PubDev #FlutterPulse #FlutterPulseBestPackages #_flutterfire_internals #permission_handler #firebase_auth #firebase_messaging #firebase_core #firebase_core_web
Расширение цвета из шестнадцатеричной строки
Привет, разработчики Flutter! 👋 Сегодня мы рассмотрим полезный совет, который упростит работу с цветами в ваших приложениях. 🌈

Проблема: Часто цвета в приложениях представлены в виде шестнадцатеричных строк (например, "#FFFFFF" или "FF0000"). Но как легко преобразовать эти строки в объекты Color, с которыми можно работать в Flutter? 🤔

Решение: Мы создадим расширение для класса Color, которое позволит легко конвертировать шестнадцатеричные строки в цвета. 💡


extension HexColor on Color {
static Color fromHex(String hexString) {
final buffer = StringBuffer(); // Создаем буфер для формирования итоговой строки
if (hexString.length == 6 || hexString.length == 7) // Проверяем длину строки
buffer.write('ff'); // Если длина 6 или 7, добавляем 'ff' (полная непрозрачность)
buffer.write(hexString.replaceFirst('#', '')); // Удаляем символ '#' из строки
return Color(int.parse(buffer.toString(), radix: 16)); // Преобразуем строку в число и создаем цвет
}
}


Как это работает:
1. Мы проверяем длину строки: если она 6 или 7 символов, добавляем 'ff' для полной непрозрачности.
2. Удаляем символ '#' из строки, если он есть.
3. Преобразуем полученную строку в число в шестнадцатеричной системе и создаем объект Color.

Теперь вы можете легко использовать шестнадцатеричные строки для создания цветов в вашем приложении Flutter! 🎉

Оцените нашу новую рубрику и оставьте свои комментарии! 💬 Все подобные новости вы можете найти по хэштегу #FlutterPulseTips. 👍

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDev #AppDevelopment #CodingTips #ColorUtils
Обзор пакетов на тему "Машинное обучение, OCR и компьютерное зрение"

google_mlkit_commons 0.11.0
Пакет предоставляет общие методы для работы с Google ML Kit. 👍 Лайки: 31, 📥 Скачиваний: 248К
Последнее обновление 📅: 3 месяца назад
https://pub.dev/packages/google_mlkit_commons

flutter_tesseract_ocr 0.4.28
Пакет использует Tesseract OCR 4 для распознавания текста в изображениях. 👍 Лайки: 200, 📥 Скачиваний: 3.2К
Последнее обновление 📅: 7 месяцев назад
https://pub.dev/packages/flutter_tesseract_ocr

google_ml_kit 0.20.0
Набор плагинов для использования возможностей машинного обучения Google в Flutter-приложениях. 👍 Лайки: 1140, 📥 Скачиваний: 11.9К
Последнее обновление 📅: 3 месяца назад
https://pub.dev/packages/google_ml_kit

tflite_flutter 0.11.0
Пакет позволяет создавать приложения с поддержкой машинного обучения на основе TensorFlow Lite. 👍 Лайки: 833, 📥 Скачиваний: 27.8К
Последнее обновление 📅: 10 месяцев назад
https://pub.dev/packages/tflite_flutter

google_mlkit_face_detection 0.13.1
Пакет позволяет обнаруживать лица на изображениях и определять ключевые черты лица. 👍 Лайки: 273, 📥 Скачиваний: 52К
Последнее обновление 📅: 3 месяца назад
https://pub.dev/packages/google_mlkit_face_detection

google_mlkit_text_recognition 0.15.0
Пакет позволяет использовать технологии машинного обучения Google для распознавания текста на изображениях. 👍 Лайки: 340, 📥 Скачиваний: 107К
Последнее обновление 📅: 3 месяца назад
https://pub.dev/packages/google_mlkit_text_recognition

#google_mlkit_commons #flutter_tesseract_ocr #google_ml_kit #tflite_flutter #google_mlkit_face_detection #google_mlkit_text_recognition #flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages
🚀 Новости из мира Flutter! 🚀
Управление состоянием в Flutter-приложениях - это тема, которая волнует каждого разработчика 🤔. Сегодня мы поговорим о двух видах состояний: эфемерном состоянии (Ephemeral state) и состоянии приложения (App state) 📊.
Эфемерное состояние - это локальное состояние, которое управляет только одним виджетом и не распространяется вне его контекста 📈. Оно "живет" только вместе с конкретным виджетом, к которому привязано 📊.
Для примера, рассмотрим кастомное текстовое поле с кнопкой очистки, которая должна отображаться, когда поле заполняется текстом 📝.
А что же такое состояние приложения? 🤔 Это состояние, которое влияет на несколько виджетов и может затрагивать разные части приложения 🌐.
Читайте полную статью и узнайте больше о управлении состоянием в Flutter-приложениях 📚!
Не пропустите важные новости и обновления - подпишитесь на канал flutterpulse 📣!
#flutter #dart #flutterpulse 💻📱
Самые лучшие обновлённые пакеты за последние 24 часа

skeletonizer 2.1.0+1 - Плагин для создания скелетных загрузок в приложениях, что улучшает пользовательский опыт во время загрузки контента. Убрана забытая команда печати. 👍 Лайки: 1870, 📥 Скачиваний: 275К. https://pub.dev/packages/skeletonizer

talker_logger 4.9.2 - Теперь доступен конвертер данных ответа для TalkerDioLoggerSettings. Пакет имеет более 49 лайков и 290К скачиваний. Узнайте больше: https://pub.dev/packages/talker_logger

intro_slider 4.2.5 - Теперь вы можете создать крутой интро для своего приложения еще проще и быстрее. В новой версии добавлена функция onSwipeBeyondEnd с настраиваемым пороговым значением. Пакет набрал 1160 лайков и 6140 скачиваний. Узнайте больше: https://pub.dev/packages/intro_slider

talker_flutter 4.9.2 - Теперь доступен конвертер данных ответа для TalkerDioLoggerSettings. Благодарим zhengbomo за вклад. Пакет набрал 560 лайков и более 205К скачиваний. Узнайте больше: https://pub.dev/packages/talker_flutter

talker 4.9.2 - Пакет talker - это продвинутый обработчик ошибок и логгер для приложений Dart и Flutter. В новой версии добавлен конвертер данных ответа (responseDataConverter) для TalkerDioLoggerSettings. Пакет talker имеет более 287К скачиваний и 727 лайков. Узнать больше и скачать пакет можно по ссылке: https://pub.dev/packages/talker

pro_image_editor 10.2.3 - Пакет pro_image_editor - это виджет для редактирования изображений в приложениях Flutter. В новой версии исправлена проблема с видимостью кнопки редактирования на слоях виджетов, даже когда взаимодействие было отключено. Также добавлен новый callback `onHoverRemoveAreaChange` для обнаружения наведения на область удаления. Пакет имеет 407 лайков и 21,9К скачиваний. Подробную информацию можно найти на странице пакета: https://pub.dev/packages/pro_image_editor

#Flutter #Dart #PubDev #FlutterPulse #FlutterPulseBestPackages #skeletonizer #talker_logger #intro_slider #talker_flutter #talker #pro_image_editor
🚀 Супер новость для всех любителей Flutter! 🚀
У нас есть крутой клон Discord, сделанный с помощью Flutter и Serverpod 🤩!
Этот клон имеет все необходимые функции:
👉 Real-time чат с пагинацией на базе вебсокетов 📱
👉 Групповые голосовые и видео звонки с возможностью "поделиться экраном" на базе LiveKit 📞
👉 Авторизация и роутинг для безопасного и удобного использования 🔒
👉 Управление сервером и каналами для полного контроля над приложением 📈

Хотите узнать больше? 🤔 Тогда посмотрите подробную новость и изучите репозиторий 📚!

Не пропустите эту удивительную возможность и подпишитесь на канал flutterpulse, чтобы быть в курсе всех последних новостей и обновлений из мира Flutter 📱!

#flutter #dart #flutterpulse 🚀
Триггер событий при навигации по страницам с помощью Flutter RouteObserver

Привет, разработчики Flutter! 👋 Сегодня мы рассмотрим полезный совет по использованию RouteObserver для отслеживания навигации между страницами в вашем приложении. 📱

Что такое RouteObserver?
`RouteObserver` - это класс, позволяющий отслеживать изменения маршрутов в вашем приложении. Он предоставляет методы для реакции на различные события навигации, такие как открытие новой страницы или возврат к предыдущей. 🔄

Пример использования:
Чтобы использовать `RouteObserver`, вам нужно создать экземпляр класса, наследующего от `RouteObserver<PageRoute<dynamic>>`, и переопределить нужные методы. Ниже приведён пример кода:



class MyNavigatorObserver extends RouteObserver<PageRoute<dynamic>> {
@override
void didPush(Route<dynamic> route, Route<dynamic>? previousRoute) {
// Код, выполняемый при открытии новой страницы
}

@override
void didReplace({Route<dynamic>? newRoute, Route<dynamic>? oldRoute}) {
// Код, выполняемый при замене маршрута
}

@override
void didPop(Route<dynamic> route, Route<dynamic>? previousRoute) {
// Код, выполняемый при закрытии текущей страницы
}
}



Затем добавьте этот наблюдатель в ваше `MaterialApp`:



class MyApp extends StatelessWidget {
final _navigatorKey = GlobalKey<NavigatorState>();
final navObserver = MyNavigatorObserver();

@override
Widget build(BuildContext context) =>
MaterialApp(
navigatorObservers: [navObserver],
// Другие свойства MaterialApp
);
}



Зачем это нужно?
Использование `RouteObserver` позволяет легко отслеживать события навигации, что может быть полезно для аналитики, логирования или выполнения определённых действий при переходе между экранами. 📊🔍

Оцените новую рубрику и напишите в комментариях, насколько она вам полезна! 👍💬
Все подобные новости вы можете найти по хэштегу #FlutterPulseTips

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDev #AppDevelopment #CodingTips #FlutterTips
Обзор пакетов на тему "Маршрутизация" (Routing)

Beamer 1.7.0 🚀
Пакет Beamer позволяет легко реализовать сложные сценарии навигации в вашем приложении. С помощью Beamer вы можете создавать произвольные стеки страниц и легко управлять ими.
👍 Лайки: 1380, 📥 Скачиваний: 74К
📅 Последнее обновление: 8 месяцев назад
https://pub.dev/packages/beamer

auto_route_generator 10.2.3 🚀
Генератор для библиотеки auto_route, упрощающий навигацию в ваших приложениях.
👍 Лайки: 156, 📥 Скачиваний: 319К
📅 Последнее обновление: 37 дней назад
https://pub.dev/packages/auto_route_generator

SwipeablePageRoute 0.4.7 🚀
Этот пакет позволяет создавать страницы, которые можно закрыть свайпом влево или вправо. Поддерживает анимацию morphing для AppBar и SliverAppBar.
👍 Лайки: 311, 📥 Скачиваний: 9.3К
📅 Последнее обновление: 5 месяцев назад
https://pub.dev/packages/swipeable_page_route

auto_route 10.1.0+1 🚀
Популярный инструмент навигации для Flutter, позволяющий создавать маршруты с сильной типизацией, глубокие ссылки и многое другое.
👍 Лайки: 3270, 📥 Скачиваний: 203К
📅 Последнее обновление: 37 дней назад
https://pub.dev/packages/auto_route

go_router_builder 3.0.1 🚀
Этот пакет позволяет создавать типизированные маршруты для навигации в вашем приложении. С его помощью вы можете определить маршруты с обязательными и необязательными параметрами, а также использовать кодогенерацию для автоматического создания boilerplate-кода.
👍 Лайки: 255, 📥 Скачиваний: 160К
📅 Последнее обновление: 16 дней назад
https://pub.dev/packages/go_router_builder

Go Router 16.0.0 🚀
Пакет предназначен для упрощения навигации между экранами в вашем приложении. Он поддерживает URL-шаблоны, глубокие ссылки, редиректы и многое другое.
👍 Лайки: 5340, 📥 Скачиваний: 1.94М
📅 Последнее обновление: 3 дня назад
https://pub.dev/packages/go_router

#Beamer #auto_route_generator #SwipeablePageRoute #auto_route #go_router_builder #GoRouter #flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages