Самые лучшие обновлённые пакеты за последние 24 часа

flutter_riverpod 3.0.1
Плагин для реактивного кэширования и привязки данных, теперь ChangeNotifierProviderFamily доступен в legacy.dart, а также добавлена поддержка Dart 3.7.0.
👍 Лайки: 2750, 📥 Скачиваний: 2.7M
https://pub.dev/packages/flutter_riverpod

dart_frog 1.2.4
Быстрый и минималистичный фреймворк для создания бэкенда на Dart, теперь ещё быстрее благодаря оптимизации Request.read.
👍 Лайки: 814, 📥 Скачиваний: 26.3К
https://pub.dev/packages/dart_frog

hooks_riverpod 3.0.1
Теперь ChangeNotifierProviderFamily доступен в flutter_riverpod/legacy.dart, а также добавлена поддержка Dart 3.7.0.
👍 Лайки: 910, 📥 Скачиваний: 269К
https://pub.dev/packages/hooks_riverpod

Riverpod 3.0.1
Реактивный фреймворк для кэширования и привязки данных, облегчающий работу с асинхронным кодом, теперь поддерживает Dart 3.7.0 и async 2.12.0.
👍 Лайки: 3780, 📥 Скачиваний: 2.8M
https://pub.dev/packages/riverpod

riverpod_annotation 3.0.1
Пакет используется для аннотаций в riverpod_generator, теперь поддерживает Dart 3.7.0.
👍 Лайки: 160, 📥 Скачиваний: 830К
https://pub.dev/packages/riverpod_annotation

awesome_dialog 3.3.0
Пакет для создания простых и крутых диалогов в Flutter, в новой версии обновлены зависимости rive до версии 0.14.0-dev.8.
👍 Лайки: 1450, 📥 Скачиваний: 18.7К
https://pub.dev/packages/awesome_dialog

#Flutter #Dart #PubDev #FlutterPulse #FlutterPulseBestPackages #flutter_riverpod #dart_frog #hooks_riverpod #Riverpod #riverpod_annotation #awesome_dialog

Полный гайд по golden-тестам во Flutter: зачем нужны и как настроить 📚💻
Знакомьтесь с golden-тестами: автоматизируйте визуальное тестирование интерфейсов и ускорьте разработку 🚀!
Golden-тесты - это инструмент для проверки внешнего вида ваших приложений и поддержания визуальной целостности 📊.
Они особенно полезны для библиотек UI-компонентов, приложений со своей дизайн-системой и Backend Driven UI 📈.
Но когда не стоит использовать golden-тесты? 🤔 Это UI с высокой изменчивостью, «сложные» компоненты и компоненты с анимациями или интерактивными переходами 🔄.

Для решения проблемы платформозависимости в golden-тестировании можно использовать пакет alchemist 🧙‍♂️.
Он улучшает процесс тестирования и позволяет писать эффективные golden-тесты для своих компонентов 📝.
Кстати, golden_toolkit больше не поддерживается, поэтому переходите на alchemist для написания golden-тестов! 🚫

Узнайте, как писать golden-тесты для кнопок в Flutter с помощью Alchemist 📚,
и как создавать golden-тесты для компонентов с разными темами и направлениями текста 🌈.
Также, настройте CI для тестирования Flutter-приложений с помощью GitHub Actions 🚀.

Golden-тесты - это мощный инструмент для автоматизации визуального тестирования и поддержания качества UI 💻.
Итак, не забудьте прочитать статью по ссылке читать здесь,
и узнайте, как настроить и использовать golden-тесты для обеспечения стабильности UI и защиты от регрессий 📊.

#flutter #dart #flutterpulse #goldentests #alchemist #flutterpulse

Привет, программисты! 🤩 Ты когда-нибудь сталкивался с конфликтами библиотек при разработке кроссплатформенных приложений? 🤔 Например, когда ты пытаешься использовать dart:io в веб-приложении или dart:web на мобильном устройстве? 📱👀 Это может привести к ошибкам и проблемам с компиляцией! 💣

Но не волнуйся, у нас есть решение! 🎉 Ты можешь использовать сторонние кроссплатформенные библиотеки, такие как cross_file, или делать условные импорты, чтобы подключать разные реализации под разные платформы. 📈

Например, с помощью cross_file ты можешь создать файловый пикер, который работает на всех платформах! 📁

Или, используя условные импорты, ты можешь подключать разные реализации для grpc в зависимости от платформы! 📊

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

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

Как задать высоту строки внутри колонки

Привет, Flutter-разработчики! 👋 Сегодня мы рассмотрим интересную задачу: как правильно задать высоту строки (Row) внутри колонки (Column). Эта проблема часто возникает при создании адаптивных интерфейсов, и мы разберем, как ее решить с помощью виджета IntrinsicHeight. 📐

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

Решение: 💡
Используйте виджет IntrinsicHeight в качестве родителя для Row. Этот виджет устанавливает высоту Row равной максимальному размеру его дочерних элементов.

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: SafeArea(
      child: Column(
        children: [
          IntrinsicHeight( // Оберните Row в IntrinsicHeight
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.stretch,
              mainAxisSize: MainAxisSize.min,
              children: [
                Expanded(
                  flex: 2,
                  child: Container(
                    color: Colors.red,
                    padding: const EdgeInsets.all(32.0),
                    child: const Center(child: Text('Flex 2')),
                  ),
                ),
                Expanded(
                  flex: 1,
                  child: Container(
                    color: Colors.green,
                    padding: const EdgeInsets.all(32.0),
                    child: const Center(child: Text('Flex 1')),
                  ),
                ),
              ],
            ),
          ),
          Container(
            height: 100,
            color: Colors.blue,
            child: const Center(child: Text('Контейнер с фиксированной высотой')),
          ),
        ],
      ),
    ),
  );
}

Почему это работает? 🔍
- IntrinsicHeight определяет максимальную внутреннюю высоту дочерних элементов Row и применяет ее ко всем детям.
- CrossAxisAlignment.stretch растягивает дочерние элементы на всю доступную высоту.
- mainAxisSize: MainAxisSize.min устанавливает размер Row по основной оси в минимально необходимый.

Вывод: 🎉
Использование IntrinsicHeight позволяет легко управлять размером Row внутри Column, делая ваш интерфейс гибким и адаптивным. Оцените эту рубрику и оставляйте свои комментарии! 💬

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

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #UIUX #FlutterTips #AppDevelopment #CodingTips

Обзор пакетов на тему Dropdown 📦
Пакет DropDownSearchField (1.2.2) позволяет создавать автозаполняемые поля поиска с подсказками, которые отображаются по мере ввода текста.
👍 Лайки: 70, 📥 Скачиваний: 42.2К
Последнее обновление 📅 22 дня назад
https://pub.dev/packages/drop_down_search_field

Пакет drop_down_list (2.0.0) предлагает удобный и настраиваемый виджет выпадающего списка для Flutter.
👍 Лайки: 337, 📥 Скачиваний: 3.6К
Последнее обновление 📅 8 месяцев назад
https://pub.dev/packages/drop_down_list

Пакет MultiDropdown (3.0.1) позволяет легко управлять и искать несколько элементов в выпадающем списке.
👍 Лайки: 362, 📥 Скачиваний: 33.2К
Последнее обновление 📅 13 месяцев назад
https://pub.dev/packages/multi_dropdown

Пакет cool_dropdown (2.1.1) предлагает кастомизируемый и анимированный дропдаун для ваших Flutter-приложений.
👍 Лайки: 206, 📥 Скачиваний: 2.4К
Последнее обновление 📅 13 месяцев назад
https://pub.dev/packages/cool_dropdown

Пакет DropdownSearch (6.0.2) позволяет легко создавать реактивные выпадающие списки с функцией поиска.
👍 Лайки: 1930, 📥 Скачиваний: 239К
Последнее обновление 📅 8 месяцев назад
https://pub.dev/packages/dropdown_search

Пакет Search Choices (2.3.1) - это высоконстраиваемый виджет для поиска в списках в диалоговых окнах или меню.
👍 Лайки: 6190, 📥 Скачиваний: 27.6К
Последнее обновление 📅 9 месяцев назад
https://pub.dev/packages/search_choices
#flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #dropdownsearchfield #drop_down_list #MultiDropdown #cool_dropdown #DropdownSearch #SearchChoices

Сегодня мы поговорим об одном из самых популярных плагинов для Flutter-приложений - cached_network_image 📸. Этот плагин позволяет не только загружать и отображать изображения из сети, но и кэшировать их на устройстве 📁. Очень полезная функция, которая может улучшить производительность вашего приложения! 🚀

Как использовать cached_network_image? 🤔 Для начала, вам нужно добавить в верстку виджет CachedNetworkImage и передать ему ссылку на изображение в поле imageUrl 📝. Затем, вы можете настроить индикатор загрузки с помощью placeholder или progressIndicatorBuilder 📊. Также, не забудьте обработать ошибки с помощью errorWidget и errorListener 🚨.

Управление кэшем 📁 - еще одна важная функция cached_network_image. Вы можете использовать cacheManager для очистки кэша, удаления или извлечения файлов из кэша 📝. И, если вам нужно больше контроля над кэшем, вы можете создать свой кастомный менеджер кэша 🤔.

Хотите узнать больше? 🤔 Тогда перейдите по ссылке и прочитайте полную статью 📄. И, не забудьте подписаться на наш канал flutterpulse 📣, чтобы быть в курсе всех последних новостей и обновлений из мира Flutter! 🚀 #flutter #dart #flutterpulse ❤️