uk
Feedback
Flutter Pulse

Flutter Pulse

Відкрити в Telegram

На канале будут новости про flutter с сайтов, информация об обновлении пакетов, а также авторский контент.

Показати більше
1 022
Підписники
Немає даних24 години
+17 днів
+430 день
Архів дописів
Flutter совет: шаблон RevenueCat Вот несколько методов расширения, чтобы упростить работу с пакетом RevenueCat: Получение периода подписки продукта в виде Duration


@override
Duration get duration => switch (revenueCatPackage.storeProduct.subscriptionPeriod) {
  'P1W' => const Duration(days: 7),
  'P1M' => const Duration(days: 30),
  'P3M' => const Duration(days: 90),
  'P6M' => const Duration(days: 180),
  'P1Y' => const Duration(days: 365),
  _ => Duration.zero,
};

Получение количества пробных дней для продукта


@override
int? get trialDays {
  final introductory = revenueCatPackage.storeProduct.introductoryPrice;
  if (introductory == null) {
    return null;
  }
  if (introductory.price == 0) {
    final unit = introductory.periodUnit;
    switch (unit) {
      case PeriodUnit.day:
        return introductory.periodNumberOfUnits;
      case PeriodUnit.week:
        return introductory.periodNumberOfUnits * 7;
      case PeriodUnit.month:
        return introductory.periodNumberOfUnits * 30;
      case PeriodUnit.year:
        return introductory.periodNumberOfUnits * 365;
      default:
        return null;
    }
  }
  return null;
}

Получение списка характеристик из метаданных RevenueCat в зависимости от языка пользователя


@override
List<String>? get features {
  final locale = LocaleSettings.currentLocale.languageCode;
  if (revenueCatOffer.metadata[locale] == null) {
    return null;
  }

  final data = revenueCatOffer.metadata[locale]! as Map<Object?, Object?>;
  final featurerObj = data["features"]! as List<Object?>;
  return featurerObj.map((e) => e! as String).toList();
}

Оцените новую рубрику и напишите своё мнение! 👍💬 Все подобные новости можно найти по хэштегу #FlutterPulseTips #flutter #dart #flutterpulse #FlutterPulseTips #RevenueCat #boilerplate #mobiledevelopment #appdevelopment #codingtips

**Лучшие обновленные пакеты за последние 24 часа! 🚀** **reactive_forms 18.0.1** Пакет для создания реактивных форм в Flutter. В новой версии исправлены проблемы с реактивностью в PopScope и добавлены новые методы для сброса контроля. 👍 Лайки: 903, 📥 Скачиваний: 76.9К https://pub.dev/packages/reactive_forms **CamerAwesome 2.5.0** Пакет для интеграции камеры в Flutter-приложения. В новой версии исправлены ошибки с масштабом камеры на iOS и неточным предпросмотром. 👍 Лайки: 1.06К, 📥 Скачиваний: 29.3К https://pub.dev/packages/camerawesome **pdfx 2.9.2** Пакет для отображения и работы с PDF-документами в Flutter. В новой версии исправлена ошибка PdfViewPinch при компиляции в WASM. 👍 Лайки: 481, 📥 Скачиваний: 229К https://pub.dev/packages/pdfx **talker_logger 4.8.4** Пакет для логирования в приложениях. В новой версии добавлены аргументы семейства к логам в talker_riverpod_logger. 👍 Лайки: 49, 📥 Скачиваний: 252К https://pub.dev/packages/talker_logger **Very Good CLI 0.26.0** Инструмент командной строки для Dart. В новой версии обновлены зависимости и лицензии, улучшена поддержка Flutter 3.32.0. 👍 Лайки: 672, 📥 Скачиваний: 71.9К https://pub.dev/packages/very_good_cli **Talker 4.8.4** Пакет для обработки ошибок и логирования в приложениях на Dart и Flutter. В новой версии добавлены аргументы семейства в логи для Riverpod. 👍 Лайки: 724, 📥 Скачиваний: 248К https://pub.dev/packages/talker #reactive_forms #CamerAwesome #pdfx #talker_logger #VeryGoodCLI #Talker #flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages

photo content

Обзор пакетов для печати на Flutter 🖨️ flutter_esc_pos_utils - утилиты для работы с принтерами ESC/POS. Позволяет подключаться к принтерам по Wi-Fi/Ethernet, печатать текст, таблицы, изображения, штрих-коды и QR-коды. 👍 Лайки: 144, 📥 Скачиваний: 8.3К Последнее обновление 📅: 13 месяцев назад https://pub.dev/packages/flutter_esc_pos_utils flutter_thermal_printer - пакет для работы с термальными принтерами на Android, iOS, macOS и Windows. Поддерживает подключение по Bluetooth, USB, BLE и WiFi. 👍 Лайки: 74, 📥 Скачиваний: 1.8К Последнее обновление 📅: 35 дней назад https://pub.dev/packages/flutter_thermal_printer printing - пакет для создания и печати документов в формате PDF на устройствах Android и iOS. Использует пакет pdf для создания PDF-документов. 👍 Лайки: 1.7К, 📥 Скачиваний: 317К Последнее обновление 📅: 4 месяца назад https://pub.dev/packages/printing flutter_bluetooth_printer - пакет для печати чеков на термопринтерах по Bluetooth в приложениях Flutter. Позволяет создавать свои собственные чеки, печатать изображения и PDF-файлы, а также отправлять произвольные ESC/POS-команды. 👍 Лайки: 85, 📥 Скачиваний: 2.4К Последнее обновление 📅: 18 дней назад https://pub.dev/packages/flutter_bluetooth_printer print_bluetooth_thermal - пакет для печати на термальных принтерах по Bluetooth. Позволяет печатать билеты на термальных принтерах размером 58мм или 80мм на устройствах Android и iOS. 👍 Лайки: 124, 📥 Скачиваний: 7.9К Последнее обновление 📅: 3 месяца назад https://pub.dev/packages/print_bluetooth_thermal sunmi_printer_plus - пакет для работы с принтерами Sunmi на Android-устройствах. Позволяет печатать текст, штрих-коды, QR-коды, изображения и многое другое. 👍 Лайки: 137, 📥 Скачиваний: 7.5К Последнее обновление 📅: 6 месяцев назад https://pub.dev/packages/sunmi_printer_plus #flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #print_bluetooth_thermal #sunmi_printer_plus #flutter_thermal_printer #flutter_esc_pos_utils #flutter_bluetooth_printer #printing

Шаблон 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

Лучшие обновленные пакеты за последние 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

photo content

Обзор пакетов на тему "Здоровье и Фитнес" 🏋️‍♀️💪 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

Выход за рамки 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

Лучшие обновленные пакеты за последние 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

photo content

Внимание всем разработчикам на 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 💻👍

Обзор пакетов на тему "Выбор цвета и утилиты" 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

Single Widget Responsive builder with DeviceSizeBuilder Адаптивный конструктор одного виджета с помощью 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

🔥 ТОП самых просматриваемых видео по 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 #МобильнаяРазработка #Программирование #РазработкаПриложений

Лучшие обновленные пакеты за последние 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

photo content

Обзор пакетов на тему "Выбор даты и времени" для 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

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

Flutter Tip: Как сделать всплывающие окна снизу точно по размеру контента (без лишнего пространства!) При создании мобильных приложений на Flutter часто возникает необходимость отображать всплывающие окна снизу. Однако, по умолчанию, высота этих окон может быть больше, чем содержимое, что выглядит не очень эстетично. В этой статье мы рассмотрим, как использовать виджет IntrinsicHeight, чтобы сделать всплывающие окна точно по размеру контента. Проблема: По умолчанию высота всплывающего окна больше, чем содержимое. Решение: Использовать виджет IntrinsicHeight.

showCupertinoModalPopup<void>(
  context: context,
  builder: () => const IntrinsicHeight(
    child: RecordChoiceSelector(),
  ),
);
Ещё несколько полезных советов по Flutter: - Адаптивная верстка: Используйте ResponsiveLayout, чтобы адаптировать ваше приложение под разные размеры экранов. Это поможет обеспечить удобный пользовательский опыт на различных устройствах, от телефонов до планшетов.

class ResponsiveLayout extends StatelessWidget {
  final Widget? small;
  final Widget? medium;
  final Widget? large;
  final Widget? xlarge;

  const ResponsiveLayout({
    required this.small,
    this.medium,
    this.large,
    this.xlarge,
  });

  @override
  Widget build(BuildContext context) {
    return LayoutBuilder(
      builder: (context, constraints) {
        switch (getDeviceType(constraints)) {
          case DeviceType.small:
            return small ?? Container();
          case DeviceType.medium:
            return medium ?? small ?? Container();
          case DeviceType.large:
            return large ?? medium ?? small ?? Container();
          case DeviceType.xlarge:
            return xlarge ?? large ?? medium ?? small ?? Container();
        }
      },
    );
  }

  DeviceType getDeviceType(BoxConstraints constraints) {
    // Логика определения типа устройства на основе ширины экрана
  }
}
- Открытие настроек приложения: Используйте пакет url_launcher или permission_handler, чтобы открыть настройки приложения на iOS или Android. Это полезно, когда пользователь отклоняет уведомления, и вы хотите помочь ему включить их в настройках.

// Использование url_launcher
Future<void> openSettings() async {
  Uri url;
  if (Platform.isIOS) {
    url = Uri.parse('app-settings:');
  } else if (Platform.isAndroid) {
    url = Uri.parse('package:uly.vlog.diary');
  } else {
    throw Exception('Unsupported platform');
  }

  if (await canLaunchUrl(url)) {
    await launchUrl(url);
  } else {
    throw 'Could not launch $url';
  }
}

// Использование permission_handler
import 'package:permission_handler/permission_handler.dart';

openAppSettings();
Все подобные новости можно найти по хэштегу #FlutterPulseTips. Оцените новую рубрику и напишите в комментариях, какие темы вам наиболее интересны! 👍💬 #flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #FlutterTips #AppDevelopment #UIUX #CodingTips