📌 Обзор пакетов на тему Form в Flutter

flutter_form_builder
Упрощает создание форм в Flutter с готовыми полями (чекбоксы, слайдеры) и валидацией.
👍 2730 | 📥 215K | 🔄 37 дней назад
pub.dev/packages/flutter_form_builder

formz 0.8.0
Универсальное решение для валидации форм в Dart. Чистый код и удобное управление состояниями.
👍 893 | 📥 123K | 🔄 11 мес. назад
pub.dev/packages/formz

FForm 5.2.5
Мощный инструмент для управления формами с асинхронной валидацией и кастомными ошибками.
👍 181 | 📥 152 | 🔄 4 мес. назад
pub.dev/packages/fform

form_builder_validators 11.2.0
Готовые валидаторы для любых FormField (email, кредитные карты) с поддержкой 20+ языков.
👍 354 | 📥 193K | 🔄 3 мес. назад
pub.dev/packages/form_builder_validators

survey_kit 1.0.2
Создавайте профессиональные опросы с гибкой навигацией и кастомизацией.
👍 124 | 📥 1580+ | 🔄 11 дней назад
pub.dev/packages/survey_kit

reactive_forms 18.1.1
Модель для работы с формами, вдохновлённая Angular Reactive Forms.
👍 917 | 📥 67.2K | 🔄 2 мес. назад
pub.dev/packages/reactive_forms

#flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #forms #validation

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

flutter_inapp_purchase 6.8.0
Плагин для Flutter, который позволяет использовать покупки внутри приложения. Теперь пакет полностью интегрирован в экосистему OpenIAP.
Обновлены API продуктов и покупок, удалены устаревшие методы.
👍 Лайки: 428, 📥 Скачиваний: 8.1К
https://pub.dev/packages/flutter_inapp_purchase

flutter_gen 5.12.0
Этот пакет используется для генерации кода для активов, шрифтов, цветов и других ресурсов в приложениях Flutter, что упрощает работу с ними и исключает ошибки, связанные с ручным вводом путей к ресурсам.
В новой версии добавлена поддержка build 4.0.0.
Пакет уже скачали более 140 000 раз и получил 1670 лайков!
https://pub.dev/packages/flutter_gen

flutter_blue_plus 2.0.0
Этот пакет используется для работы с Bluetooth Low Energy в приложениях Flutter. Он поддерживает почти все функции на платформах iOS, macOS, Android, Linux и Web.
В новой версии произошел переход на лицензию FlutterBluePlus.
Пакет набрал 1190 лайков и более 142 000 скачиваний!
https://pub.dev/packages/flutter_blue_plus

drift_dev 2.28.3
Этот пакет используется для генерации кода базы данных из классов таблиц drift.
В новой версии удалены зависимости от устаревших пакетов сборки и исправлены ложные предупреждения о неиспользуемых импортах.
👍 Лайки: 55, 📥 Скачиваний: 264К
https://pub.dev/packages/drift_dev

Drift 2.28.2
Drift - реактивная библиотека персистенции для Flutter и Dart, построенная на основе SQLite.
В обновлении исправлена проблема с кастингом при компиляции с dart2wasm и добавлена возможность включения isolateDebugLog в NativeDatabase.createBackground.
Пакет имеет 2180 лайков и более 448 000 скачиваний.
https://pub.dev/packages/drift

flutter_gen_runner 5.12.0
Этот пакет используется для генерации кода для активов, шрифтов, цветов и других ресурсов в приложениях Flutter, позволяя избежать использования строковых API и снижая риск ошибок.
В новой версии добавлена поддержка build 4.0.0.
Пакет уже скачали более 503 000 раз и получил 290 лайков!
https://pub.dev/packages/flutter_gen_runner

#flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages #flutter_inapp_purchase #flutter_gen #flutter_blue_plus #drift_dev #Drift #flutter_gen_runner

Рисуем таймер
Создание точного таймера с помощью Flutter часть 2

Мы можем использовать шейдер в нашем кастомном рисовальщике (painter).

Мы рисуем полный круг, который будет отображаться постепенно.

Затем мы рисуем круг, который будет уменьшаться каждую секунду.

Мы перерисовываем только если прогресс изменился.

Ну а если вы хотите протестировать какой-то угол вручную...

class CircleTimerPainter extends CustomPainter {
  final double progress;
  final Color progressColor;
  final Color backgroundColor;

  CircleTimerPainter({
    super.repaint,
    required this.progress,
    this.progressColor = Colors.blue,
    this.backgroundColor = Colors.grey,
  });

  @override
  void paint(Canvas canvas, Size size) {
    final angle = 360 * progress; // примечание: Используйте напрямую радианы для лучшей производительности
    final backgroundPaint = Paint()
      ..color = backgroundColor
      ..style = PaintingStyle.stroke
      ..strokeWidth = 28;

    final progressPaint = Paint()
      ..shader = SweepGradient(
        colors: [
          progressColor,
          Colors.red,
        ],
        startAngle: 0 - 90.0.radians,
        endAngle: angle.radians,
      ).createShader(
        Rect.fromCircle(
          center: Offset(size.width / 2, size.height / 2),
          radius: size.width / 2),
      )
      ..color = progressColor
      ..style = PaintingStyle.stroke
      ..strokeCap = StrokeCap.round
      ..strokeWidth = 20;

    // Рисуем фоновый круг
    canvas.drawCircle(
      size.center(Offset.zero),
      size.width / 2,
      backgroundPaint,
    );

    canvas.drawArc(
      Rect.fromLTWH(0, 0, size.width, size.height),
      -90.0.radians,
      angle.radians,
      false,
      progressPaint,
    );
  }

  @override
  bool shouldRepaint(covariant CircleTimerPainter oldDelegate) {
    return oldDelegate.progress != progress;
  }
}

extension RadianExt on double {
  double get radians => this * (math.pi / 180);
}

Оцените новую рубрику! 👍💬
Все подобные новости можно найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #AppDevelopment #ProgrammingTips #UIUX #FlutterCommunity

Обзор пакетов на тему Card & Expansion Tile 🚀

1. FLASH CARD – удобные карточки для запоминания
Пакет flash_card (v0.1.0) помогает создавать интерактивные карточки для обучения. Простое добавление карточек с лицевой и обратной стороной.
👍 28 | 📥 155 | 🔄 11 месяцев назад
🔗 https://pub.dev/packages/flash_card

2. card_stack_widget 0.1.6
Вертикальный стек карточек с возможностью свайпа и кастомизацией. Настройте ориентацию, прозрачность, масштаб и анимацию.
👍 79 | 📥 321 | 🔄 10 месяцев назад
🔗 https://pub.dev/packages/card_stack_widget

3. vertical_card_pager 1.6.3
Создавайте динамичные вертикальные пейджеры с карточками. Идеально для визуально привлекательных интерфейсов!
👍 298 | 📥 529 | 🔄 8 месяцев назад
🔗 https://pub.dev/packages/vertical_card_pager

4. expansion_tile_group 2.3.0
Расширяет стандартный ExpansionTile, добавляя группировку, кастомизацию стилей и управление раскрытием.
👍 90 | 📥 5.8K | 🔄 4 месяца назад
🔗 https://pub.dev/packages/expansion_tile_group

5. expansion_tile_list 2.0.0
Мощный пакет для кастомизируемых списков с раскрывающимися элементами. Поддержка аккордеона, перетаскивания и анимаций.
👍 32 | 📥 1.7K | 🔄 5 месяцев назад
🔗 https://pub.dev/packages/expansion_tile_list

#Flutter #Dart #PubDev #FlutterPulse #CardWidgets #ExpansionTile #UI

Новые пакеты за неделю

bodychart_heatmap для Flutter набирает популярность!
Он используется для визуализации и выделения частей тела в приложениях для фитнеса, медицины или отслеживания.
Уже 9 лайков и 179 скачиваний!
👍 Лайки: 9, 📥 Скачиваний: 179
Подробнее: https://pub.dev/packages/bodychart_heatmap
👍

no_late для Dart - предотвращение ошибок инициализации в runtime. Плагин анализатора Dart, запрещающий небезопасное использование ключевого слова late.
Лайков: 8, Скачиваний: 0.
👍 Лайки: 8, 📥 Скачиваний: 0
Подробности: https://pub.dev/packages/no_late
📈

dire_di_flutter - пакет, предоставляющий функционал внедрения зависимостей для Dart и Flutter, вдохновленный Spring.
Он включает в себя поддержку аннотаций, конструкторного внедрения, кодогенерации и многое другое.
Уже 413 скачиваний и 1 лайк!
👍 Лайки: 1, 📥 Скачиваний: 413
Узнайте больше: https://pub.dev/packages/dire_di_flutter
📊

fquery - пакет, предоставляющий легкое и эффективное решение для управления асинхронным состоянием, кэширования и обновления данных.
Уже 79 лайков и 6330 скачиваний!
👍 Лайки: 79, 📥 Скачиваний: 6.3К
Узнайте больше: https://pub.dev/packages/fquery
🚀

isar_plus - расширенная версия базы данных Isar с дополнительными функциями и улучшениями. Подходит для разработки приложений на Flutter.
Уже 300 скачиваний и 1 лайк!
👍 Лайки: 1, 📥 Скачиваний: 300
Подробнее: https://pub.dev/packages/isar_plus
📁

loader_pro для Flutter набирает популярность!
Он предлагает множество современных индикаторов загрузки.
Лайков - 10, скачиваний - 79.
👍 Лайки: 10, 📥 Скачиваний: 79
Узнать больше: https://pub.dev/packages/loader_pro
🔄
#flutter #dart #pubdev #FlutterPulse #FlutterPulseBestNewPackages #bodychart_heatmap #no_late #dire_di_flutter #fquery #isar_plus #loader_pro

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

firebase_core 4.1.1
Плагин для Flutter, который позволяет подключать несколько приложений Firebase. Убраны устаревшие зависимости.
👍 Лайки: 3950, 📥 Скачиваний: 3.1М
https://pub.dev/packages/firebase_core

firebase_core_web 3.1.1
Используйте его для интеграции Firebase в ваши веб-приложения. Теперь с обновленной зависимостью.
👍 Лайки: 54, 📥 Скачиваний: 3.2М
https://pub.dev/packages/firebase_core_web

cloud_firestore 6.0.2
Плагин для Flutter, который позволяет использовать Cloud Firestore API. Убраны устаревшие зависимости.
👍 Лайки: 3720, 📥 Скачиваний: 960К
https://pub.dev/packages/cloud_firestore

firebase_auth 6.1.0
Теперь доступна поддержка TOTP на macOS. Пакет для аутентификации в приложениях Flutter.
👍 Лайки: 4200, 📥 Скачиваний: 1.1М
https://pub.dev/packages/firebase_auth

firebase_messaging 16.0.2
Плагин для Flutter, который позволяет использовать Firebase Cloud Messaging API. Убраны устаревшие зависимости.
👍 Лайки: 3830, 📥 Скачиваний: 1.9М
https://pub.dev/packages/firebase_messaging

shared_preferences_android 2.4.13
Теперь использует androidx.datastore:datastore версии 1.1.7. Пакет для хранения данных в приложениях Android.
👍 Лайки: 17, 📥 Скачиваний: 4.2М
https://pub.dev/packages/shared_preferences_android

#flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages #firebase_core #firebase_core_web #cloud_firestore #firebase_auth #firebase_messaging #shared_preferences_android

Получение данных с использованием http-клиента
Как получить данные с удаленного сервера, используя http-клиент 🤔

Шаг 1: Установите пакет http 📦

Future<T> request<T>({
  required String endpoint,
  Map<String, String>? headers,
  Map<String, String>? queryParams,
}) async {
  final url = Uri(
    scheme: config.baseUrlScheme, // http или https
    host: config.baseUrlHost, // localhost или mydomain.com
    path: endpoint, // /api/articles
    queryParameters: queryParams,
    port: config.baseUrlPort, // порт вашего бэкенда
  );

  final response = await http.get(
    url,
    headers: {
      ...?headers, // Предоставление пользовательских заголовков, например, токена API
    },
  );

  if (response.statusCode != 200) {
    throw Exception('Запрос к API завершился неудачей: ${response.statusCode} ${response.reasonPhrase}');
  }

  return json.decode(response.body) as T; // Возвращение обобщенного типа T
}

* Возвращение обобщенного типа T, чтобы можно было напрямую возвращать другой тип. Рекомендуется использовать пакет json_serializable для легкого парсинга объектов 📄
* Предоставление пользовательских заголовков, таких как токен API 🔒
* Улучшение: отправка пользовательских ошибок в зависимости от кода состояния ⚠️

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

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

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #AppDevelopment #ProgrammingTips #Coding #SoftwareDevelopment

📢 Обзор пакетов на тему Responsive UI в Flutter

1️⃣ Sizer — идеальное решение для адаптивного дизайна
Пакет Sizer (v3.1.3) упрощает создание адаптивного интерфейса для любых экранов, используя проценты от ширины/высоты и ориентацию устройства.
👍 1740 | 📥 166K | 🔄 28 дней назад
🔗 https://pub.dev/packages/sizer

2️⃣ Easy Sidemenu 0.7.1 — удобное боковое меню
Идеально для навигации в приложениях, особенно на больших экранах. Поддержка вложенных пунктов и кастомизация стилей.
👍 446 | 📥 7350 | 🔄 3 месяца назад
🔗 https://pub.dev/packages/easy_sidemenu

3️⃣ flutter_admin_scaffold — Scaffold для админ-панелей
Гибкий SideBar, AppBar и поддержка вложенных пунктов для сложных интерфейсов.
👍 205 | 📥 805 | 🔄 9 месяцев назад
🔗 https://pub.dev/packages/flutter_admin_scaffold

4️⃣ simple_grid — динамическая сетка
Вдохновлён Bootstrap, но с брейкпоинтами Material UI. Поддержка сортировки и кастомизации.
👍 78 | 📥 367 | 🔄 8 месяцев назад
🔗 https://pub.dev/packages/simple_grid

5️⃣ overflow_view 0.5.0 — виджет для переполнения
Отображает элементы в ряд с индикатором, если места не хватает. Гибкие настройки отступов.
👍 218 | 📥 17.9K | 🔄 4 месяца назад
🔗 https://pub.dev/packages/overflow_view

6️⃣ Responsive Framework 1.5.1 — адаптивные интерфейсы
Автоматическое масштабирование, кастомные брейкпоинты и гибкие макеты.
👍 3.3K | 📥 98.2K | 🔄 13 месяцев назад
🔗 https://pub.dev/packages/responsive_framework

#Flutter #Dart #PubDev #FlutterPulse #ResponsiveUI #Sizer #EasySidemenu #FlutterAdminScaffold #SimpleGrid #OverflowView #ResponsiveFramework