Лучшие обновленные пакеты за последние 24 часа! 🚀

Flutter Chat UI 2.5.1
Пакет для создания чата в приложениях на Flutter. Исправлена ошибка, связанная с размытием поля ввода сообщения.
👍 1.49К лайков, 📦 70.8К скачиваний
https://pub.dev/packages/flutter_chat_ui

flutter_tex 5.1.5
Пакет для отображения математических и химических формул в приложениях Flutter. Внесены незначительные исправления и изменено имя файла конфигурации MathJax.
👍 319 лайков, 📦 9.43К скачиваний
https://pub.dev/packages/flutter_tex

super_drag_and_drop 0.9.0
Пакет для добавления функции перетаскивания файлов и данных в Flutter-приложениях. Улучшена функциональность и исправлены ошибки.
👍 510 лайков, 📦 19.7К скачиваний
https://pub.dev/packages/super_drag_and_drop

More Dart - Literally! 4.6.0
Коллекция расширений для Dart. Добавлена поддержка Dart 3.8 и WASM, нормализация Unicode-строк и новые методы для работы со строками.
👍 75 лайков, 📦 163К скачиваний
https://pub.dev/packages/more

dcli 7.0.5
API и инструментарий для создания кроссплатформенных приложений командной строки на Dart. Исправлена ошибка, из-за которой функция sleepAsync возвращала управление сразу же.
👍 210 лайков, 📦 1.06М скачиваний
https://pub.dev/packages/dcli

super_context_menu 0.9.0
Пакет для создания контекстного меню в Flutter-приложениях. Добавлены новые функции и улучшения.
👍 236 лайков, 📦 13.5К скачиваний
https://pub.dev/packages/super_context_menu

#flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages #flutter_chat_ui #flutter_tex #super_drag_and_drop #more #dcli #super_context_menu

Легко направляйте пользователей: наложения туториалов в Flutter с pal_widgets

Хотите улучшить опыт пользователей вашего Flutter-приложения? 🤔 Используйте пакет pal_widgets для создания интерактивных туториалов! 📚

Шаги для реализации туториала:
1. Установите pal-widgets из pub.dev.
2. Добавьте HelperOrchestrator над вашей страницей или приложением.
3. Создайте экран туториала, используя AnchoredHelper.
4. Присвойте уникальный ключ виджету, который хотите показать.
5. Отобразите туториал после загрузки страницы с помощью WidgetsBinding.

Пример кода:

Dart
// Генерация уникального ключа для виджета
Key key = HelperOrchestrator.of(context).generateKey('test1');

// Создание экрана туториала
AnchoredHelper(
  helper: AnchoredHelperItem(
    // Смещение подсказки
    offset: Offset(0, 20),
    // Стиль подсказки
    style: HelperStyle(
      backgroundColor: Colors.blue,
      textColor: Colors.white,
    ),
    // Текст подсказки
    text: 'Нажмите на эту кнопку, чтобы увеличить счетчик Flutter Demo.',
  ),
  // Фабрика для привязки подсказки к виджету
  widgetFactory: (child) => AnchoredHelperWidget(
    key: key,
    child: child,
  ),
);

// Отображение туториала после загрузки страницы
WidgetsBinding.instance.addPostFrameCallback((_) {
  HelperOrchestrator.of(context).showAnchoredHelper('text2', helper1);
});

Преимущества:
- Легко создавайте многошаговые туториалы.
- Сохраняйте прогресс пользователя.
- Настройте внешний вид и поведение туториала.

Улучшите опыт пользователей вашего приложения с помощью туториалов! 👍

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

#flutter #dart #flutterpulse #FlutterPulseTips #mobiledevelopment #appdevelopment #tutorial #uiux #FlutterTips #coding #programming #userexperience

Лучшие обновленные пакеты за последние 24 часа! 🚀

material_table_view 5.5.0
Добавлены новые виджеты: ExpandableTableRow и TableRowAnimatedSize. Новая функциональность popupCellPadding для TableColumnControlHandlesPopupRoute. Новый аргумент physicsHorizontal для TableView и SliverTableView.
👍 Лайки: 183, 📥 Скачиваний: 3.7К
https://pub.dev/packages/material_table_view

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

live_activities 2.4.0
Добавлена поддержка Android Live Activities, исправлены ошибки и обновлена документация. Теперь live-активности доступны не только на iOS, но и на Android!
👍 Лайки: 501, 📥 Скачиваний: 9.4К
https://pub.dev/packages/live_activities

sqlite3_flutter_libs 0.5.34
Обновлена библиотека SQLite до версии 3.50.1. Этот пакет позволяет использовать библиотеку SQLite в Flutter-приложениях на Android, iOS, macOS, Linux и Windows.
👍 Лайки: 160, 📥 Скачиваний: 257К
https://pub.dev/packages/sqlite3_flutter_libs

pdfrx 1.1.34
Добавлена поддержка Windows ARM64, исправлены ошибки с кэшированием и обработкой параметров, обновлена документация. pdfrx - это быстрый и функциональный просмотрщик PDF.
👍 Лайки: 216, 📥 Скачиваний: 144К
https://pub.dev/packages/pdfrx

Flutter Chat UI 2.5.2
Обновлена зависимость до последней версии. Пакет Flutter Chat UI - это открытый исходный код для создания чата в приложениях на Flutter.
👍 Лайки: 1490, 📥 Скачиваний: 69.4К
https://pub.dev/packages/flutter_chat_ui

#material_table_view #DartSass #live_activities #sqlite3_flutter_libs #pdfrx #FlutterChatUI #flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages

Flutter Tip: Как сделать нижние всплывающие окна точно по размеру контента (без лишнего пространства!)

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

Проблема: По умолчанию высота вашего модального окна будет больше, чем содержимое. 🤷‍♂️

Решение: Используйте виджет IntrinsicHeight, чтобы установить высоту всплывающего окна точно по размеру контента. 📏

Вот пример кода:

showCupertinoModalPopup<void>(
  context: context,
  builder: () => const IntrinsicHeight(
    child: RecordChoiceSelector(), // Ваш виджет содержимого
  ),
);

Что делает IntrinsicHeight? 🔍
- Этот виджет устанавливает размер своего потомка в соответствии с его внутренней высотой. 📐

Результат: 🎉
- Всплывающее окно будет отображаться точно по размеру содержимого, без лишнего пространства. 👍

Оцените эту рубрику и напишите в комментариях, насколько она была для вас полезна! 🤗

Все подобные советы вы можете найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #FlutterTips #AppDevelopment #UIUX #CodingTips

Делаем простой навигатор с помощью google maps на flutter своими руками 📍📱
Узнайте, как создать удобный навигатор с помощью Google Maps на Flutter! 🚀 В статье мы расскажем о реализации функционала построения маршрута, отслеживания позиции, расчёта времени и расстояния 🕒.
Flutter и Dart помогут вам создать базовое решение для логистики и доставки 📦.
Читать здесь: https://habr.com/ru/articles/917134/ 📄
#flutter #dart #flutterpulse 🚀💻

Обзор пакетов на тему "Выбор даты и времени" для Flutter 🕰️

EasyDateTimelinePicker 📆
Удобный и настраиваемый виджет для выбора даты и времени с горизонтальной временной шкалой.
Версия: 2.0.9
👍 Лайки: 539, 📥 Скачиваний: 11.4К
Последнее обновление: 3 месяца назад
https://pub.dev/packages/easy_date_timeline

month_picker_dialog 📆
Диалоговое окно для выбора месяца, диапазона месяцев или года в стиле Material Design.
Версия: 6.2.3
👍 Лайки: 156, 📥 Скачиваний: 35.2К
Последнее обновление: 10 дней назад
https://pub.dev/packages/month_picker_dialog

Bottom Picker 📊
Популярный пакет для выбора даты и времени, теперь поддерживающий desktop и web.
Версия: 3.2.1
👍 Лайки: 332, 📥 Скачиваний: 11.8К
Последнее обновление: 4 дня назад
https://pub.dev/packages/bottom_picker

CalendarDatePicker2 📆
Легкий и настраиваемый календарь для выбора дат, поддерживающий режимы выбора одиночной даты, диапазона дат и нескольких дат.
Версия: 2.0.1
👍 Лайки: 613, 📥 Скачиваний: 187К
Последнее обновление: 15 дней назад
https://pub.dev/packages/calendar_date_picker2

Persian DateTime Picker 🕰️
Пакет для интеграции персидского календаря в ваши Flutter-приложения.
Версия: 3.1.0
👍 Лайки: 282, 📥 Скачиваний: 2.86К
Последнее обновление: 5 месяцев назад
https://pub.dev/packages/persian_datetime_picker

Syncfusion Flutter Date Range Picker 📆
Легковесный виджет для выбора одной даты, нескольких дат или диапазона дат.
Версия: 29.2.10
👍 Лайки: 1580, 📥 Скачиваний: 203К
Последнее обновление: 5 часов назад
https://pub.dev/packages/syncfusion_flutter_datepicker

#flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #easydatetimelinepicker #month_picker_dialog #bottom_picker #calendar_date_picker2 #persian_datetime_picker #syncfusion_flutter_datepicker

Лучшие обновленные пакеты за последние 24 часа!

Firebase Auth для Flutter обновился до версии 5.6.0!
Пакет позволяет использовать API аутентификации Firebase в ваших Flutter-приложениях.
В новой версии добавлена поддержка инициализации конфигурации reCAPTCHA.
👍 Лайки: 4130, 📥 Скачиваний: 1.02М
https://pub.dev/packages/firebase_auth

Flutter Launcher Icons обновился до версии 0.14.4!
Этот пакет упрощает процесс обновления иконки запуска вашего приложения Flutter.
В новой версии удалены устаревшие правила, исправлена ошибка в генерации шаблона команды generate и стандартизировано использование асинхронного ввода/вывода и ожидания завершения работы.
👍 Лайки: 7640, 📥 Скачиваний: 1.47М
https://pub.dev/packages/flutter_launcher_icons

Firebase Core обновился до версии 3.14.0!
Пакет позволяет подключаться к нескольким приложениям Firebase в вашем Flutter-приложении.
В новой версии обновлена Firebase iOS SDK до 11.13.0.
👍 Лайки: 3870, 📥 Скачиваний: 2.63М
https://pub.dev/packages/firebase_core

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

Firebase Cloud Messaging обновился до версии 15.2.7!
Пакет позволяет использовать API Firebase Cloud Messaging в ваших Flutter-приложениях.
В новой версии обновлена зависимость до последнего релиза.
👍 Лайки: 3780, 📥 Скачиваний: 1.6М
https://pub.dev/packages/firebase_messaging

Vector Graphics обновился до версии 1.1.19!
Этот пакет используется для рендеринга векторной графики в Flutter.
В новой версии обновлена минимальная поддерживаемая версия SDK и улучшена обработка изображений.
👍 Лайки: 89, 📥 Скачиваний: 2.16М
https://pub.dev/packages/vector_graphics

#firebase_auth #flutter_launcher_icons #firebase_core #_flutterfire_internals #firebase_messaging #vector_graphics #flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages

🔥 ТОП самых просматриваемых видео по Flutter за неделю! 🔥
Собрали для вас самые полезные, просматриваемые и обсуждаемые видео последних дней. Обучение, код-ревью, конференции и даже магия AI в UI — всё в одном месте! 🎯

1. 🕒📊 Dart Code Metrics | Observable Flutter #63
📊 Узнайте, как Dart Code Metrics может помочь вашей команде писать более чистый код.
⏳ 1 час 50 мин | 📲 5,101 просмотров
▶️ https://www.youtube.com/watch?v=ftPD7jTTsjg

2. 🕒📱 Const vs Final в Dart и Flutter
📊 В этом видео мы обсудим ключевые слова const и final, их использование и разницу между ними.
⏳ 7 мин | 📲 4,425 просмотров
▶️ https://www.youtube.com/watch?v=ySVpiyc6vqo

3. 🕒📱 Код-ревью успешного Flutter-приложения с 100к+ загрузок... И вот что я нашел! 😱
📊 Разбор приложения Cashew на GitHub. Интересные находки, архитектура и полезные фишки.
⏳ 30 мин | 📲 1,979 просмотров
▶️ https://www.youtube.com/watch?v=KNsYFMmHfkg

4. 🕒📱 Клонирование UI Airbnb за СЕКУНДЫ с помощью AI | Flutter Tutorial
📊 Используем Prompt2Flutter — генератор UI через ИИ. Быстро и эффективно!
⏳ 5 мин | 📲 1,832 просмотров
▶️ https://www.youtube.com/watch?v=mxcZcLW71y4

5. 🕒📱 Flutter для начинающих • Tutorial
📊 Разработка приложений в стиле TikTok, Noon, YouTube — идеальный старт!
⏳ 1 час 14 мин | 📲 1,109 просмотров
▶️ https://www.youtube.com/watch?v=K05a4S7n-G8

6. 🕒📱 Flutter Global Summit 25 - Flutter Day
📊 Всё самое важное с крупнейшего события для Flutter-разработчиков!
⏳ 5 часов 50 мин | 📲 646 просмотров
▶️ https://www.youtube.com/watch?v=L2uJ5iXm4O8

7. 🕒📱 Создание адаптивного дашборда Flutter с помощью AI за секунды | Prompt2Flutter
📊 Пример, как быстро собрать адаптивный дашборд с помощью генерации интерфейса.
⏳ 5 мин | 📲 385 просмотров
▶️ https://www.youtube.com/watch?v=Q_9IjbkqwKo

8. 🕒📱 Humpday Q&A/AMA и живое кодирование!
📊 Общение с командой Flutter, обсуждение Dart и сессия живого кодинга.
⏳ 3 часа 2 мин | 📲 378 просмотров
▶️ https://www.youtube.com/watch?v=DfMHiEs5j2o

9. 🕒📱 Получение данных из подколлекций Firebase Firestore в Flutter
📊 Как правильно извлекать и структурировать данные в вашем Firestore-проекте.
⏳ 9 мин | 📲 296 просмотров
▶️ https://www.youtube.com/watch?v=uf-IEqWXcfw

🧠 Смотрите самые интересные и полезные видео по Flutter, Dart и мобильной разработке!
📲 Подписывайтесь, чтобы не пропустить свежие подборки и гайды!

#Flutter #Dart #PubDev #FlutterPulse #FlutterPulseYouTube #МобильнаяРазработка #Программирование #РазработкаПриложений

Адаптивный конструктор одного виджета с помощью DeviceSizeBuilder

В этой статье мы рассмотрим, как использовать DeviceSizeBuilder для адаптации небольших частей экрана под разные типы устройств.

@override
Widget build(BuildContext context) {
  return DeviceSizeBuilder(
    builder: (device) => Column(
      children: [
        switch (device) {
          DeviceType.small => const Spacer(),
          // игнорируем остальные случаи
        },
        ElevatedButton(
          onTap: () {},
          child: Text('tap me'),
        ),
      ],
    ),
  );
}

Чтобы иметь доступ к методу didChangeMetrics, нам нужно использовать WidgetsBinding:

class DeviceSizeBuilder extends StatefulWidget {
  const DeviceSizeBuilder({
    super.key,
    required this.builder,
  });

  @override
  State<DeviceSizeBuilder> createState() => _DeviceSizeBuilderState();
}

class _DeviceSizeBuilderState extends State<DeviceSizeBuilder> with WidgetsBindingObserver {
  late DeviceType _lastSize;

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
    _lastSize = widget.builder;
  }

  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }

  @override
  void didChangeMetrics() {
    super.didChangeMetrics();
    final newSize = DeviceType.fromWidth(viewportWidth);
    if (_lastSize != newSize) {
      setState(() {});
    }
  }

  double get viewportWidth => MediaQuery.of(context).size.width;

  @override
  Widget build(BuildContext context) {
    _lastSize = DeviceType.fromWidth(viewportWidth);
    return widget.builder(_lastSize);
  }
}

Мы хотим перестроить дочерний элемент только при изменении типа устройства.
Наши точки останова:

enum DeviceType {
  small(0),
  medium(600),
  large(1024),
  Xlarge(2200);

  final double breakpoint;

  const DeviceType(this.breakpoint);

  static DeviceType fromWidth(double width) {
    return switch (width) {
      < 600 => DeviceType.small,
      < 1024 => DeviceType.medium,
      < 2200 => DeviceType.large,
      _ => DeviceType.Xlarge,
    };
  }
}

Оцените новую рубрику и напишите нам о своих впечатлениях! 👍💬

Все подобные новости можно найти по хэштегу #FlutterPulseTips

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #ResponsiveDesign #UI #UX #Widgets #CodingTips

Обзор пакетов на тему "Выбор цвета и утилиты"

Material Color Utilities 🎨
Этот пакет используется для работы с цветами в Material Design 3, включая выбор темы из изображений и создание тонов цветов.
👍 Лайки: 240, 📥 Скачиваний: 5.36М
Последнее обновление 📅: 6 дней назад
https://pub.dev/packages/material_color_utilities

Palette Generator 🖌️
Пакет для Flutter - инструмент для извлечения основных цветов из изображений. Часто используется для создания цветовых схем интерфейса пользователя.
👍 Лайки: 672, 📥 Скачиваний: 7.59К
Последнее обновление 📅: 35 дней назад
https://pub.dev/packages/palette_generator

FlexSeedScheme 🌱
Этот пакет позволяет создавать более гибкие и мощные цветовые схемы для Flutter-приложений.
👍 Лайки: 87, 📥 Скачиваний: 300К
Последнее обновление 📅: 2 месяца назад
https://pub.dev/packages/flex_seed_scheme

AnsiColor 🖥️
Добавьте цвета в свои терминальные программы с помощью AnsiPen. Легко отключить для продакшена.
👍 Лайки: 158, 📥 Скачиваний: 1.35М
Последнее обновление 📅: 10 месяцев назад
https://pub.dev/packages/ansicolor

FlexColorPicker 🎨
Этот пакет позволяет создавать настраиваемые цветовые палитры для ваших приложений. Включает 6 разных типов цветовых палитр, поддержку Material Design 2 и 3, а также возможность копирования и вставки цветов.
👍 Лайки: 554, 📥 Скачиваний: 241К
Последнее обновление 📅: 42 дня назад
https://pub.dev/packages/flex_color_picker

flutter_colorpicker 🎨
Этот пакет позволяет вам создавать удобные и настраиваемые селекторы цвета для ваших приложений. Поддерживает форматы HSV, HSL, RGB и Material.
👍 Лайки: 977, 📥 Скачиваний: 270К
Последнее обновление 📅: 12 месяцев назад
https://pub.dev/packages/flutter_colorpicker

#flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #MaterialColorUtilities #PaletteGenerator #FlexSeedScheme #AnsiColor #FlexColorPicker #flutter_colorpicker

Внимание всем разработчикам на Flutter! 🚀💻
Анна из Friflex Flutter Team Lead 👋 сегодня решила поговорить о режимах сборки в Flutter 🤔.
Вы знали, что существуют три основных режима: debug, profile и release? 🤷‍♀️
Давайте разберемся, чем они отличаются и когда их лучше использовать 📊.

◾️ Debug-режим - это режим отладки 🐜, где вы можете легко отслеживать значения переменных, останавливать выполнение по breakpoints и использовать hot reload 🔥.
Кроме этого, в debug-режиме вы можете подключать дополнительные инструменты, такие как DevTools и Flutter inspector 🛠️.

◾️ Profile-режим - это что-то среднее между debug- и release-режимами 🤝, где вы можете исследовать производительность приложения и оптимизировать код 📈.
Но помните, что profile-режим не поддерживается эмуляторами и симуляторами 📴, поэтому его стоит запускать на физических устройствах 📊.

◾️ Release-режим - это режим выпуска 🚀, где сборка максимально оптимизирована и не поддерживает дополнительные инструменты 🚫.

Хотите узнать больше о режимах сборки в Flutter? 🤔
Читайте полную статью по ссылке: https://t.me/flutterfriendly/164 📎

И не забудьте подписаться на наш канал flutterpulse, чтобы быть в курсе всех последних новостей и обновлений в мире Flutter! 📱
#flutter #dart #flutterpulse 💻👍

Лучшие обновленные пакеты за последние 24 часа!

Graphic (2.6.0)
Эта библиотека используется для создания гибких и интерактивных графиков и диаграмм в приложениях Flutter. В новой версии добавлены ступенчатые формы для линейных и областных графиков, улучшена стабильность и обновлены зависимости.
👍 Лайки: 813, 📥 Скачиваний: 57.1К
https://pub.dev/packages/graphic

gRPC (4.1.0)
Пакет gRPC - это высокопроизводительный, открытый фреймворк для создания RPC-сервисов. В новой версии добавлена поддержка серверных перехватчиков (serverInterceptors) в ConnectionServer.
👍 Лайки: 432, 📥 Скачиваний: 323К
https://pub.dev/packages/grpc

purchases_flutter (8.10.2)
Пакет purchases_flutter - это клиент для системы отслеживания подписок и покупок RevenueCat. В новой версии обновлены зависимости.
👍 Лайки: 806, 📥 Скачиваний: 149К
https://pub.dev/packages/purchases_flutter

google_maps_flutter_ios (2.15.3)
Пакет google_maps_flutter_ios - это реализация Google Maps для iOS в Flutter. В новой версии исправлены новые предупреждения анализа и обновлена минимальная поддерживаемая версия SDK.
👍 Лайки: 9, 📥 Скачиваний: 739К
https://pub.dev/packages/google_maps_flutter_ios

watcher (1.1.2)
Пакет watcher используется для мониторинга изменений в директориях и отправки уведомлений. В новой версии исправлена ошибка на Windows.
👍 Лайки: 216, 📥 Скачиваний: 7.2М
https://pub.dev/packages/watcher

supabase_flutter (0.0.1-dev.1)
Этот пакет позволяет легко интегрировать Supabase в ваши Flutter-приложения. Обновление включает в себя первоначальный выпуск пакета.
👍 Лайки: 821, 📥 Скачиваний: 170К
https://pub.dev/packages/supabase_flutter

#Flutter #Dart #pubdev #FlutterPulse #FlutterPulseBestPackages #Graphic #gRPC #purchases_flutter #google_maps_flutter_ios #watcher #supabase_flutter

Выход за рамки Material: добавление пользовательских цветов в тему Flutter

Хотите выйти за пределы стандартных ограничений Material Design в вашем приложении Flutter? 🤔 В этой статье мы расскажем, как создать расширение темы для добавления пользовательских цветов! 🎨

Шаг 1: Создание ThemeExtension
Для начала создайте класс, который будет предоставлять ваши цвета. Этот класс должен расширять ThemeExtension. Пример реализации:

import 'package:flutter/material.dart';

class AppareanceKitColors extends ThemeExtension<AppareanceKitColors> {
  final Color primary;
  final Color secondary;
  final Color dark;
  final Color onePrimary;
  final Color background;
  final Color onbackground;
  final Color surface;
  final Color onSurface;
  final Color grey1;
  final Color grey2;
  final Color grey3;
  final Color error;

  const AppareanceKitColors({
    required this.primary,
    required this.secondary,
    required this.dark,
    required this.onePrimary,
    required this.background,
    required this.onbackground,
    required this.surface,
    required this.onSurface,
    required this.grey1,
    required this.grey2,
    required this.grey3,
    required this.error,
  });

  factory AppareanceKitColors.light() => const AppareanceKitColors(
        primary: Color(0xFFF830FF),
        secondary: Color(0xFF3057AD),
        dark: Color(0xFF20001D),
        onePrimary: Color(0xFF110551),
        background: Color(0xFFFFFFFF),
        onbackground: Color(0xFF110551),
        surface: Color(0xFFAEAEAE),
        onSurface: Color(0xFF000000),
        grey1: Color(0xFFF9E5FF),
        grey2: Color(0xFFFFD8FF),
        grey3: Color(0xFF632338),
        error: Color(0xFFC41E1E),
      );
}

Шаг 2: Добавление расширения в тему Material
Теперь добавьте созданное расширение в вашу тему Material, используя свойство extensions:

MaterialApp(
  theme: ThemeData(
    extensions: [
      AppareanceKitColors.light(),
    ],
  ),
)

Шаг 3: Использование цветов из расширения
Чтобы получить доступ к вашим цветам в любом месте приложения, используйте следующий код:

extension AppareanceKitThemeExt on BuildContext {
  AppareanceKitColors get colors => Theme.of(this).extension<AppareanceKitColors>()!;
}

// Использование
Container(
  color: context.colors.primary,
)

Оцените новую рубрику Flutter Pulse Tips и оставьте свои отзывы! 👍💬

Все подобные новости можно найти по хэштегу #FlutterPulseTips

#flutter #dart #flutterpulse #FlutterPulseTips #mobiledevelopment #appdevelopment #uiux #codingtips #FlutterTips #ThemeExtension #CustomColors

Обзор пакетов на тему "Здоровье и Фитнес" 🏋️‍♀️💪

health_kit_reporter 📊
Позволяет читать, писать и отслеживать данные из HealthKit на iOS. Поддерживает все методы из оригинальной библиотеки HealthKitReporter.
👍 Лайки: 57, 📥 Скачиваний: 2.6К
Последнее обновление 📅: 6 месяцев назад
https://pub.dev/packages/health_kit_reporter

Health 🏥
Позволяет читать и записывать данные о здоровье из Apple Health и Google Health Connect. Поддерживает работу с разрешениями, чтение и запись данных о здоровье, тренировках, приеме пищи и многом другом.
👍 Лайки: 604, 📥 Скачиваний: 32.8К
Последнее обновление 📅: 8 дней назад
https://pub.dev/packages/health

Huawei Health Kit Flutter Plugin 📈
Позволяет разработчикам создавать приложения, которые могут доступиться к данным о здоровье и фитнесе пользователей на основе их HUAWEI ID и авторизации.
👍 Лайки: 21, 📥 Скачиваний: 12
Последнее обновление 📅: 5 месяцев назад
https://pub.dev/packages/huawei_health

Polar ❄️
Обёртка для официального Polar SDK, позволяющая легко интегрировать поддержку устройств Polar в ваши приложения на Flutter.
👍 Лайки: 21, 📥 Скачиваний: 1.0К
Последнее обновление 📅: 22 дня назад
https://pub.dev/packages/polar

Pedometer 🚶‍♀️
Плагин позволяет непрерывно считать шаги и определять статус пешехода (ходьба или остановка) с помощью встроенного датчика пedometer в устройствах iOS и Android.
👍 Лайки: 323, 📥 Скачиваний: 11К
Последнее обновление 📅: 2 месяца назад
https://pub.dev/packages/pedometer

Body Part Selector 🤸‍♀️
Легкий и красивый селектор частей тела для ваших приложений.
👍 Лайки: 36, 📥 Скачиваний: 382
Последнее обновление 📅: 12 месяцев назад
https://pub.dev/packages/body_part_selector

#health_kit_reporter #Health #HuaweiHealthKitFlutterPlugin #Polar #Pedometer #BodyPartSelector #flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages

Лучшие обновленные пакеты за последние 24 часа!

win32 3.1.4
Пакет win32 предоставляет доступ к Win32 API из Dart. В новой версии исправлена ошибка экспорта crypt32 API.
👍 Лайки: 880, 📥 Скачиваний: 5.4М
https://pub.dev/packages/win32

Flutter Modular 6.4.1
Пакет Flutter Modular предназначен для реализации модульной структуры в ваших проектах на Flutter. В новой версии исправлена ошибка с Dispose в AppModule.
👍 Лайки: 1300, 📥 Скачиваний: 107К
https://pub.dev/packages/flutter_modular

go_router 15.2.0
Пакет go_router используется для декларативного маршрутизации в Flutter. В новой версии добавлены новые методы для типобезопасной маршрутизации.
👍 Лайки: 5320, 📥 Скачиваний: 1.73М
https://pub.dev/packages/go_router

signature 6.1.0
Пакет signature предоставляет высокопроизводительный холст для создания подписей. В новой версии обновлены зависимости и Flutter до версии 3.32.
👍 Лайки: 606, 📥 Скачиваний: 155К
https://pub.dev/packages/signature

file_picker 10.2.0
Пакет file_picker позволяет использовать системный файловый менеджер для выбора файлов. В новой версии добавлена поддержка изображений в формате webp на десктоп-платформах.
👍 Лайки: 4720, 📥 Скачиваний: 1.88М
https://pub.dev/packages/file_picker

shadcn_ui 0.27.2
Пакет shadcn_ui - это набор компонентов пользовательского интерфейса для Flutter. В новой версии исправлены ошибки в компонентах ShadAccordion и ShadContextMenuItem.
👍 Лайки: 608, 📥 Скачиваний: 12.6К
https://pub.dev/packages/shadcn_ui

#win32 #FlutterModular #gorouter #signature #filepicker #shadcnuI #flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages

Шаблон Riverpod: упрощаем работу с состоянием приложения

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

Проблема: при использовании Riverpod часто приходится писать повторяющийся код, например, ref.read(myProvider).xxx. Это может быть утомительно и привести к ошибкам. 😩

Решение: использование расширений Dart для создания удобных шорткатов. 🔥

extension UserSessionRepositoryProvider on Ref {
  UserSessionRepository get userSessionRepository => 
      read(userSessionRepositoryProvider);

  UserSessionRepository get userSessionRepository$ => 
      watch(userSessionRepositoryProvider);
}

Эти расширения позволяют легко получать экземпляр UserSessionRepository, используя ref.userSessionRepository или следить за его изменениями с помощью ref.userSessionRepository$. 🔄

Пример использования:

Future<UserSession> startSession({
  required Session session,
}) async {
  final activeSession = await ref.userSessionRepository
      .getActiveSession(idOrThrow);
  if (activeSession != null) {
    throw AlreadyRunningSessionException();
  }
  return ref.userSessionRepository.start(
    idOrThrow,
    UserSession.fromSession(session),
  );
}

Такой подход делает код чище и читабельнее. 📚

Оцените новую рубрику и напишите в комментариях, насколько она вам полезна! 🤔

Все подобные новости можно найти по хэштегу #FlutterPulseTips 👍

#flutter #dart #flutterpulse #FlutterPulseTips #Riverpod #StateManagement #FlutterTips #MobileDevelopment #CodingTips