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

Расширение темы позволяет упростить доступ к свойствам темы вашего приложения. Для этого нужно создать расширение класса 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 часа

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

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

Принудительный портретный режим
Когда вы в последний раз использовали приложение в ландшафтном режиме? 🤔

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

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

Теперь приложение не сможет перейти в ландшафтный режим 📱💻

Результат:
Приложение останется в портретном режиме 👍

Оцените нашу новую рубрику FlutterPulseTips! 👍 Ваши отзывы помогут нам улучшать контент. 💬

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

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDev #AppDev #ProgrammingTips #UIUX #DevTips

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

Вы когда-нибудь задумывались, как можно загрузить изображение и отобразить его на холсте в 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 часа

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

Локальная база данных
Когда вы хотите, чтобы ваше приложение работало офлайн 🔄

Шаг 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