Flutter Pulse

Пора памперс менять?

Локальная база данных Когда вы хотите, чтобы ваше приложение работало офлайн 🔄 Шаг 1: Использование пакета Drift Для работы с локальной базой данных мы будем использовать пакет Drift. 📦

dart pub add drift
dart pub add drift_flutter
dart pub add drift_dev

Шаг 2: Создание базы данных

@DriftDatabase(tables: [TaskTable])
class Database extends $Database {
  Database([QueryExecutor? e]) : super(e ?? driftDatabase(
    name: 'todo-app',
    native: const DriftNativeOptions(),
    databaseDirectory: getApplicationSupportDirectory,
  ));

  @override
  int get schemaVersion => 2; // Версия базы данных

  @override
  MigrationStrategy get migration {
    return MigrationStrategy(
      onCreate: (m) async {
        await m.createAll();
        // Добавьте миграции здесь, если версия новая
      },
    );
  }
}

Шаг 3: Создание таблицы

@DataClassName('TaskEntry')
class TaskTable extends Table {
  IntColumn get id => integer().autoIncrement()();
  TextColumn get description => text()();

  // Добавьте ваши запросы здесь
  static Stream<List<TaskEntry>> getAllItems(Database database) =>
      database.select(database.taskTable).watch();
}

Шаг 3: Создание или редактирование build.yaml в корневой папке вашего Flutter-приложения 📁

targets:
  $default:
    builders:
      drift_dev:
        # Эти опции изменяют способ генерации кода
        options:
          databases:
            default: lib/modules/drift/database.dart
            sql:
              dialect: sqlite
              options:
                version: "3.38"
                modules: [fts5]

Запустите сборщик, чтобы регенерировать схему базы данных 🔄 Оцените новую рубрику! 👍💬 Все подобные новости можно найти по хэштегу #FlutterPulseTips #flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #LocalDatabase #DriftPackage #FlutterTips #AppDevelopment

Самые лучшие обновлённые пакеты за последние 24 часа flutter_webrtc Пакет для работы с WebRTC в приложениях Flutter, получил обновление. Этот пакет позволяет использовать функции аудио- и видео-связи, обмена данными и другие возможности WebRTC в приложениях для мобильных устройств, настольных компьютеров и веб-приложений. 👍 Лайки: 1270, 📥 Скачиваний: 66.5К https://pub.dev/packages/flutter_webrtc flutter_blue_plus Пакет используется для работы с Bluetooth Low Energy в приложениях Flutter. Он поддерживает почти все функции на платформах iOS, macOS, Android, Linux и Web. В новой версии исправлена ошибка компиляции на Android. 👍 Лайки: 1180, 📥 Скачиваний: 129К https://pub.dev/packages/flutter_blue_plus flutter_local_notifications Исправлена проблема с отображением не-ASCII символов в названии приложения уведомлений на Windows. 👍 Лайки: 7100, 📥 Скачиваний: 1.4М https://pub.dev/packages/flutter_local_notifications flutter_appauth Пакет используется для аутентификации и авторизации пользователей в приложениях Flutter. Теперь он требует минимум Flutter 3.29 и Dart 3.7. 👍 Лайки: 399, 📥 Скачиваний: 183К https://pub.dev/packages/flutter_appauth flutter_local_notifications_windows Исправлена проблема с отображением не-ASCII символов в названии приложения уведомлений. 👍 Лайки: 2, 📥 Скачиваний: 562К https://pub.dev/packages/flutter_local_notifications_windows jaspr Jaspr - современный фреймворк для создания веб-сайтов на Dart с поддержкой рендеринга на клиентской и серверной стороне. В новой версии исправлена проблема с рендерингом фрагментов. 👍 Лайки: 544, 📥 Скачиваний: 10.2К https://pub.dev/packages/jaspr #flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages #flutter_webrtc #flutter_blue_plus #flutter_local_notifications #flutter_appauth #flutter_local_notifications_windows #jaspr

Загрузка байтов изображения и отображение на холсте Не так сложно сделать с помощью Flutter 😉 Вы когда-нибудь задумывались, как можно загрузить изображение и отобразить его на холсте в Flutter? 🤔 Давайте разберемся в этом вместе! 💡 Шаг 1: Загрузка изображения Сначала нам нужно загрузить изображение из наших ресурсов. Для этого мы используем метод load класса rootBundle:

import 'dart:ui' as ui;
import 'package:flutter/services.dart';

// Загружаем изображение из ресурсов
final ByteData data = await rootBundle.load(path);
// Преобразуем в Uint8List
final Uint8List bytes = data.buffer.asUint8List();
// Преобразуем в ui.Image
final ui.Image image = await decodeImageFromList(bytes);

Шаг 2: Отображение на холсте Теперь, когда у нас есть изображение в формате ui.Image, мы можем отобразить его на холсте. Для этого создадим собственный класс CustomPainter:

// Создаем новый CustomPainter
class MyPainter extends CustomPainter {
  final ui.Image image;

  MyPainter(this.image);

  @override
  void paint(Canvas canvas, Size size) {
    // Рисуем изображение на холсте
    canvas.drawImageRect(image, srcRect, dstRect, Paint());
  }
}

Вот и все! Теперь вы знаете, как загрузить байты изображения и отобразить их на холсте во Flutter. Просто и эффективно, не правда ли? 😊 Оцените нашу новую рубрику и оставьте свои комментарии! 👇 Все подобные новости можно найти по хэштегу #FlutterPulseTips #flutter #dart #flutterpulse #FlutterPulseTips #mobiledev #appdev #codingtips #FlutterTips

Самые лучшие обновлённые пакеты за последние 24 часа Melos 7.1.1 - инструмент для управления проектами на Dart с несколькими пакетами. Убрана ошибка, не позволяющая использовать подчеркивание в названии пакета. 👍 Лайки: 842, 📥 Скачиваний: 605К https://pub.dev/packages/melos syncfusion_flutter_datepicker 31.1.19 - пакет для выбора дат, диапазонов дат или нескольких дат в приложениях Flutter. Несмотря на отсутствие изменений, пакет остается популярным: 👍 Лайки: 1600, 📥 Скачиваний: 190К https://pub.dev/packages/syncfusion_flutter_datepicker syncfusion_flutter_charts 30.2.6+1 - пакет для создания красивых и высокопроизводительных графиков в приложениях Flutter. Исправлена ошибка, связанная с авто-прокруткой при изменении размера экрана. 👍 Лайки: 3540, 📥 Скачиваний: 291К https://pub.dev/packages/syncfusion_flutter_charts device_info_plus 12.1.0 - пакет для получения информации о текущем устройстве из приложения Flutter. Теперь поддерживает новые модели iPhone 17 серии. 👍 Лайки: 2910, 📥 Скачиваний: 2.9М https://pub.dev/packages/device_info_plus syncfusion_flutter_calendar 31.1.19 - пакет для создания календарей с различными представлениями и функциями для планирования и отображения событий. В новой версии нет изменений. 👍 Лайки: 1530, 📥 Скачиваний: 61.7К https://pub.dev/packages/syncfusion_flutter_calendar syncfusion_flutter_core 31.1.19 - пакет, являющийся зависимым для различных виджетов Flutter от Syncfusion. Пакет набрал 👍 Лайки: 245, 📥 Скачиваний: 682К https://pub.dev/packages/syncfusion_flutter_core #Flutter #Dart #PubDev #FlutterPulse #FlutterPulseBestPackages #melos #syncfusion_flutter_datepicker #syncfusion_flutter_charts #device_info_plus #syncfusion_flutter_calendar #syncfusion_flutter_core

Принудительный портретный режим Когда вы в последний раз использовали приложение в ландшафтном режиме? 🤔 Фиксация ориентации экрана в Flutter Чтобы заставить приложение работать только в портретном режиме, добавьте следующий код в функцию main() перед запуском приложения:

SystemChrome.setPreferredOrientations([
  DeviceOrientation.portraitUp, // Портретная ориентация вверх
  DeviceOrientation.portraitDown, // Портретная ориентация вниз
]);

Теперь приложение не сможет перейти в ландшафтный режим 📱💻 Результат: Приложение останется в портретном режиме 👍 Оцените нашу новую рубрику FlutterPulseTips! 👍 Ваши отзывы помогут нам улучшать контент. 💬 Все подобные новости можно найти по хэштегу #FlutterPulseTips #flutter #dart #flutterpulse #FlutterPulseTips #MobileDev #AppDev #ProgrammingTips #UIUX #DevTips

Самые лучшие обновлённые пакеты за последние 24 часа device_info_plus 12.0.0 Плагин для Flutter, который позволяет получить информацию о устройстве. Теперь пакет требует Android Gradle Plugin >=8.12.1, Gradle wrapper >=8.13 и Kotlin 2.2.0. Удалено свойство serialNumber из AndroidDeviceInfo. 👍 Лайки: 2910, 📥 Скачиваний: 2.9М https://pub.dev/packages/device_info_plus share_plus 12.0.0 Плагин для Flutter, который позволяет делиться контентом из вашего приложения через диалоговое окно платформы. В новой версии исправлены ошибки, обновлены зависимости и внесены изменения в конфигурацию сборки для Android. 👍 Лайки: 3820, 📥 Скачиваний: 2.3М https://pub.dev/packages/share_plus mustache_template 2.0.1 Пакет для парсинга и рендеринга шаблонов Mustache в Dart. В обновлении пакет был перенесен в новый репозиторий, а также обновлена минимальная поддерживаемая версия SDK до Dart 3.7. 👍 Лайки: 83, 📥 Скачиваний: 4.3М https://pub.dev/packages/mustache_template file_picker 10.3.3 Пакет для использования родного файлового менеджера для выбора одного или нескольких файлов с поддержкой фильтрации по расширениям. В новой версии обновлена компиляция для Android и исправлена проблема с указанием начального каталога для Linux. 👍 Лайки: 4790, 📥 Скачиваний: 2.4М https://pub.dev/packages/file_picker connectivity_plus 7.0.0 Пакет для обнаружения типов сетевого подключения в приложениях Flutter. Обновление включает в себя изменения в требованиях для Android, а также исправления и улучшения. Теперь пакет требует Android Gradle Plugin >=8.12.1, Gradle wrapper >=8.13 и Kotlin 2.2.0. 👍 Лайки: 3890, 📥 Скачиваний: 2.4М https://pub.dev/packages/connectivity_plus package_info_plus 9.0.0 Пакет для Flutter, который позволяет получить информацию о пакете приложения, включая имя приложения, имя пакета, версию и номер сборки. В новой версии обновлены требования для Android: теперь требуется Android Gradle Plugin >=8.12.1, Gradle wrapper >=8.13 и Kotlin 2.2.0. 👍 Лайки: 27.6К, 📥 Скачиваний: 3.6М https://pub.dev/packages/package_info_plus #Flutter #Dart #PubDev #FlutterPulse #FlutterPulseBestPackages #device_info_plus #share_plus #mustache_template #file_picker #connectivity_plus #package_info_plus

Самые лучшие обновлённые пакеты за последние 24 часа code_builder 4.11.0 Плагин для генерации валидного кода на языке Dart с помощью fluent-интерфейса. В новой версии добавлена поддержка новых типов, исправлены ошибки и улучшена генерация кода. 👍 Лайки: 272, 📥 Скачиваний: 5.2M https://pub.dev/packages/code_builder Riverpod 3.0.0 Реактивный фреймворк для кэширования и привязки данных, облегчающий работу с асинхронным кодом. Уже 2.7M скачиваний и 3770 лайков! https://pub.dev/packages/riverpod flutter_riverpod 3.0.0 Реактивный фреймворк для кэширования и привязки данных, упрощающий работу с асинхронным кодом. Более 2.6M скачиваний и 2740 лайков! https://pub.dev/packages/flutter_riverpod Freezed 3.2.3 Пакет для автоматического генерации кода для данных классов, помеченных объединений, вложенных классов и клонирования в Dart. В новой версии 3.2.3 расширен диапазон версий для analyzer, source_gen и build. 👍 Лайки: 4330, 📥 Скачиваний: 2М https://pub.dev/packages/freezed leak_tracker 11.0.2 Фреймворк для обнаружения проблем с памятью в приложениях Dart и Flutter. Пакет имеет 171 лайк и более 4.47M скачиваний. https://pub.dev/packages/leak_tracker url_launcher_android 6.3.21 Теперь минимальная поддерживаемая версия SDK - Flutter 3.35. Удален устаревший код для поддержки SDK <24. Пакет имеет 20 лайков и более 4.8M скачиваний. https://pub.dev/packages/url_launcher_android #Flutter #Dart #PubDev #FlutterPulse #FlutterPulseBestPackages #code_builder #Riverpod #flutter_riverpod #Freezed #leak_tracker #url_launcher_android

Создай расширение темы Упростите доступ к свойствам темы вашего приложения 💻 Расширение темы позволяет упростить доступ к свойствам темы вашего приложения. Для этого нужно создать расширение класса BuildContext.

extension ApparenceKitThemeExt on BuildContext {
  ApparenceKitColors get colors => Theme.of(this).extension<ApparenceKitColors>()!; 
  // Получение цветов темы
  TextTheme get textTheme => Theme.of(this).textTheme;
  // Получение текстовой темы
  ApparenceKitTextTheme get fonts => Theme.of(this).extension<ApparenceKitTextTheme>()!;
  // Получение шрифтов темы
  ThemeData get theme => Theme.of(this);
  // Получение данных темы
  Brightness get brightness => Theme.of(this).brightness;
  // Получение яркости темы
  ApparenceKitThemeData get kitTheme => ThemeProvider.of(this).current.data;
  // Получение данных темы ApparenceKit
}

Пример использования До: сложный доступ к свойствам темы

class MyWidget extends StatelessWidget {
  const MyWidget({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      color: Theme.of(context).colorScheme.primary,
    );
  }
}

После: упрощенный доступ с расширением

class MyWidget extends StatelessWidget {
  const MyWidget({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      color: context.colors.primary,
    );
  }
}

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

Самые лучшие обновлённые пакеты за последние 24 часа freezed 3.2.2 - пакет для автоматического генерации кода для данных классов, помеченных объединений, вложенных классов и клонирования в Dart. В новой версии исправлены некоторые ошибки и улучшена производительность. 👍 Лайки: 4330, 📥 Скачиваний: 1.98М https://pub.dev/packages/freezed GetWidget 7.0.0 - библиотека UI-компонентов для Flutter, содержащая более 1000 предустановленных виджетов для разработки мобильных и веб-приложений. В новой версии добавлены новые функции, исправлены ошибки и улучшена совместимость с Flutter 3.29.0 и 3.35.0. 👍 Лайки: 2520, 📥 Скачиваний: 54.3К https://pub.dev/packages/getwidget webview_flutter_android 4.10.2 - пакет для отображения веб-страниц в приложениях Flutter на Android. Теперь минимальная поддерживаемая версия SDK - Flutter 3.35, а также удален устаревший код для поддержки SDK <24. 👍 Лайки: 46, 📥 Скачиваний: 2.99М https://pub.dev/packages/webview_flutter_android custom_lint_core 0.8.1 - популярный пакет для создания собственных правил и исправлений линтера, с более чем 4 лайками и 2.75М скачиваний. Теперь поддерживает analyzer 8.0.0. 👍 Лайки: 4, 📥 Скачиваний: 2.75М https://pub.dev/packages/custom_lint_core url_launcher_android 6.3.19 - пакет имеет 19 лайков и более 4.7М скачиваний. Теперь минимальная поддерживаемая версия SDK - Flutter 3.35. Удален устаревший код для поддержки SDK <24. 👍 Лайки: 19, 📥 Скачиваний: 4.7М https://pub.dev/packages/url_launcher_android Chewie 1.13.0 - видеоплеер для Flutter с дружественным интерфейсом. Пакет использует видеоплеер video_player и добавляет к нему Material или Cupertino UI. В новой версии исправлена ошибка с воспроизведением видео при входе/выходе из полноэкранного режима на веб-платформе. 👍 Лайки: 2290, 📥 Скачиваний: 802К https://pub.dev/packages/chewie #Flutter #Dart #PubDev #FlutterPulse #FlutterPulseBestPackages #freezed #GetWidget #webview_flutter_android #custom_lint_core #url_launcher_android #Chewie

Обзор пакетов на тему "Рисование, живопись и подписи" для Flutter 🖌 Flutter Drawing Board - пакет для создания интерактивной доски для рисования в приложениях Flutter. Включает в себя базовые функции рисования, настройку кистей, поворот и масштабирование холста, а также возможность отмены и повтора действий. 👍 Лайки: 241, 📥 Скачиваний: 15.2К Последнее обновление: 5 месяцев назад https://pub.dev/packages/flutter_drawing_board 🖋 Hand Signature - плагин для создания гладких подписей на любых платформах, поддерживаемых Flutter. Он имеет множество настроек для рисования и экспорта, включая поддержку SVG-файлов. 👍 Лайки: 290, 📥 Скачиваний: 101К Последнее обновление: 2 месяца назад https://pub.dev/packages/hand_signature 🖌 Infinite Canvas - пакет для создания бесконечного холста, который можно масштабировать и перемещать. Также имеется меню для общих действий и маркировка для множественного выбора. 👍 Лайки: 74, 📥 Скачиваний: 186 Последнее обновление: 12 месяцев назад https://pub.dev/packages/infinite_canvas 🖋 Syncfusion Flutter SignaturePad - пакет для создания и сохранения электронных подписей в ваших Flutter-приложениях. 👍 Лайки: 296, 📥 Скачиваний: 172К Последнее обновление: 4 дня назад https://pub.dev/packages/syncfusion_flutter_signaturepad 🖌 Signature Canvas - пакет для создания высокопроизводительного холста для подписей с возможностью настройки стиля, границ и начального состояния. Поддерживает все платформы. 👍 Лайки: 628, 📥 Скачиваний: 151К Последнее обновление: 2 месяца назад https://pub.dev/packages/signature 🎨 Flutter Painter - пакет для рисования в приложениях на Flutter. Поддерживает свободное рисование, добавление текста, фигур и изображений, а также масштабирование и вращение объектов. 👍 Лайки: 72, 📥 Скачиваний: 449 Последнее обновление: 7 месяцев назад https://pub.dev/packages/flutter_painter_v2 По заказу #flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #flutter_drawing_board #hand_signature #infinite_canvas #syncfusion_flutter_signaturepad #signature #flutter_painter_v2

Обзор пакетов на тему Слайдеры для Flutter 📈 Numeric Selector - пакет для создания горизонтальных и вертикальных числовых селекторов с плавной прокруткой и опциональной вибрационной обратной связью. 👍 Лайки: 5, 📥 Скачиваний: 95 Последнее обновление 📅: 7 месяцев назад https://pub.dev/packages/numeric_selector Interactive Slider - виджет для создания непрерывных или сегментированных слайдеров, вдохновленные регулятором громкости в приложении Apple Music. 👍 Лайки: 119, 📥 Скачиваний: 842 Последнее обновление 📅: 7 месяцев назад https://pub.dev/packages/interactive_slider Sleek Circular Slider - пакет для создания красивых и настраиваемых круговых слайдеров, индикаторов прогресса и спиннеров для ваших приложений. 👍 Лайки: 1.35К, 📥 Скачиваний: 19.2К Последнее обновление 📅: 3 месяца назад https://pub.dev/packages/sleek_circular_slider Syncfusion Flutter Sliders - библиотека для создания интерактивных и настраиваемых слайдеров для фильтрации данных в ваших приложениях. 👍 Лайки: 969, 📥 Скачиваний: 66.1К Последнее обновление 📅: 4 дня назад https://pub.dev/packages/syncfusion_flutter_sliders По заказу SharovSA #flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #NumericSelector #InteractiveSlider #SleekCircularSlider #SyncfusionFlutterSliders

Обзор пакетов на тему Ad Serving (Сервисы рекламы) app_tracking_transparency для Flutter: отображение диалога авторизации отслеживания на iOS 14+ и запрос разрешения на сбор данных. Необходим для эффективной работы рекламных сетей, таких как AdMob. 👍 Лайки: 448, 📥 Скачиваний: 66.8К Последнее обновление 📅: 8 месяцев назад https://pub.dev/packages/app_tracking_transparency interactive_media_ads для Flutter: интегрируйте мультимедийную рекламу в ваши приложения! Пакет позволяет легко интегрировать рекламу из любого VAST-совместимого сервера и управлять воспроизведением рекламы в ваших приложениях. 👍 Лайки: 95, 📥 Скачиваний: 245 Последнее обновление 📅: 6 дней назад https://pub.dev/packages/interactive_media_ads advertising_id для Flutter: получите доступ к рекламному идентификатору устройства на платформах iOS и Android. Используйте его для получения рекламного идентификатора и проверки, включено ли ограничение отслеживания рекламы. 👍 Лайки: 40, 📥 Скачиваний: 148К Последнее обновление 📅: 12 месяцев назад https://pub.dev/packages/advertising_id unity_ads_plugin для Flutter: интегрируйте рекламу Unity Ads в ваши мобильные приложения. Функции: отображение баннеров, видеороликов и интерстициальных рекламных объявлений, простая инициализация и загрузка рекламы, поддержка серверных коллбэков для вознаграждений. 👍 Лайки: 169, 📥 Скачиваний: 3.6К Последнее обновление 📅: 19 дней назад https://pub.dev/packages/unity_ads_plugin easy_ads_flutter для Flutter: легко интегрируйте рекламу из разных сетей в ваше Flutter-приложение. Поддерживает Google Mobile Ads, Facebook Audience Network, Unity Ads и AppLovin Max Ads. 👍 Лайки: 122, 📥 Скачиваний: 411 Последнее обновление 📅: 2 месяца назад https://pub.dev/packages/easy_ads_flutter google_mobile_ads для Flutter: монетизируйте свои Flutter-приложения с помощью Google Mobile Ads SDK. 👍 Лайки: 2.4К, 📥 Скачиваний: 784К Последнее обновление 📅: 5 месяцев назад https://pub.dev/packages/google_mobile_ads #app_tracking_transparency #interactive_media_ads #advertising_id #unity_ads_plugin #easy_ads_flutter #google_mobile_ads #flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages