Выход за рамки Material: добавление пользовательских цветов в тему Flutter
Хотите выйти за пределы стандартных ограничений Material Design в вашем приложении Flutter? 🤔 В этой статье мы расскажем, как создать расширение темы для добавления пользовательских цветов! 🎨
Шаг 1: Создание ThemeExtension
Для начала создайте класс, который будет предоставлять ваши цвета. Этот класс должен расширять
Шаг 2: Добавление расширения в тему Material
Теперь добавьте созданное расширение в вашу тему Material, используя свойство
Шаг 3: Использование цветов из расширения
Чтобы получить доступ к вашим цветам в любом месте приложения, используйте следующий код:
Оцените новую рубрику Flutter Pulse Tips и оставьте свои отзывы! 👍💬
Все подобные новости можно найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #mobiledevelopment #appdevelopment #uiux #codingtips #FlutterTips #ThemeExtension #CustomColors
Хотите выйти за пределы стандартных ограничений 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
Обзор пакетов на тему "Здоровье и Фитнес" 🏋️♀️💪
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
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
Лучшие обновленные пакеты за последние 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
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
Шаблон Riverpod: упрощаем работу с состоянием приложения
Привет, разработчики Flutter! 👋 Сегодня мы рассмотрим полезный совет по использованию Riverpod - популярной библиотеки для управления состоянием приложения. 📈
Проблема: при использовании Riverpod часто приходится писать повторяющийся код, например,
Решение: использование расширений Dart для создания удобных шорткатов. 🔥
Эти расширения позволяют легко получать экземпляр
Пример использования:
Такой подход делает код чище и читабельнее. 📚
Оцените новую рубрику и напишите в комментариях, насколько она вам полезна! 🤔
Все подобные новости можно найти по хэштегу #FlutterPulseTips 👍
#flutter #dart #flutterpulse #FlutterPulseTips #Riverpod #StateManagement #FlutterTips #MobileDevelopment #CodingTips
Привет, разработчики 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
Обзор пакетов для печати на 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
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
Лучшие обновленные пакеты за последние 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
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
Flutter совет: шаблон RevenueCat
Вот несколько методов расширения, чтобы упростить работу с пакетом RevenueCat:
Получение периода подписки продукта в виде Duration
Получение количества пробных дней для продукта
Получение списка характеристик из метаданных RevenueCat в зависимости от языка пользователя
Оцените новую рубрику и напишите своё мнение! 👍💬
Все подобные новости можно найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #RevenueCat #boilerplate #mobiledevelopment #appdevelopment #codingtips
Вот несколько методов расширения, чтобы упростить работу с пакетом 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
Обзор пакетов на тему Кнопки и Кнопки прогресса
Animated Button 🎉
Создайте анимированные кнопки в вашем приложении с помощью этого простого и настраиваемого пакета. Возможности включают настройку высоты, ширины, цвета и тени.
👍 Лайки: 159, 📥 Скачиваний: 773
Последнее обновление 📅: 3 месяца назад
https://pub.dev/packages/animated_button
Flutter Animated Button 💫
Пакет для создания анимированных кнопок в Flutter. Поддерживает различные типы анимаций и настраиваемые стили.
👍 Лайки: 289, 📥 Скачиваний: 2.3К
Последнее обновление 📅: 6 месяцев назад
https://pub.dev/packages/flutter_animated_button
Flutter Swipe Button
Этот пакет позволяет создавать кнопки, которые активируются свайпом, предотвращая случайные клики.
👍 Лайки: 62, 📥 Скачиваний: 9.3К
Последнее обновление 📅: 12 месяцев назад
https://pub.dev/packages/flutter_swipe_button
Timer Button ⏰
Пакет Timer Button позволяет создать кнопку, которая становится активной после задержки времени. Поддерживает различные типы кнопок и настраивается.
👍 Лайки: 83, 📥 Скачиваний: 884
Последнее обновление 📅: 18 дней назад
https://pub.dev/packages/timer_button
GradientElevatedButton 🌟
Создавайте кнопки с градиентными фоновыми изображениями и настраивайте стиль по своему вкусу.
👍 Лайки: 15, 📥 Скачиваний: 830
Последнее обновление 📅: 3 месяца назад
https://pub.dev/packages/gradient_elevated_button
Pretty Animated Buttons
Включает 12 красивых анимированных кнопок, которые можно легко настроить.
👍 Лайки: 80, 📥 Скачиваний: 1.1К
Последнее обновление 📅: 10 месяцев назад
https://pub.dev/packages/pretty_animated_buttons
#flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #animatedbutton #flutteranimatedbutton #flutterswipebutton #timerbutton #gradiantelevatedbutton #prettyanimatedbuttons
Animated Button 🎉
Создайте анимированные кнопки в вашем приложении с помощью этого простого и настраиваемого пакета. Возможности включают настройку высоты, ширины, цвета и тени.
👍 Лайки: 159, 📥 Скачиваний: 773
Последнее обновление 📅: 3 месяца назад
https://pub.dev/packages/animated_button
Flutter Animated Button 💫
Пакет для создания анимированных кнопок в Flutter. Поддерживает различные типы анимаций и настраиваемые стили.
👍 Лайки: 289, 📥 Скачиваний: 2.3К
Последнее обновление 📅: 6 месяцев назад
https://pub.dev/packages/flutter_animated_button
Flutter Swipe Button
Этот пакет позволяет создавать кнопки, которые активируются свайпом, предотвращая случайные клики.
👍 Лайки: 62, 📥 Скачиваний: 9.3К
Последнее обновление 📅: 12 месяцев назад
https://pub.dev/packages/flutter_swipe_button
Timer Button ⏰
Пакет Timer Button позволяет создать кнопку, которая становится активной после задержки времени. Поддерживает различные типы кнопок и настраивается.
👍 Лайки: 83, 📥 Скачиваний: 884
Последнее обновление 📅: 18 дней назад
https://pub.dev/packages/timer_button
GradientElevatedButton 🌟
Создавайте кнопки с градиентными фоновыми изображениями и настраивайте стиль по своему вкусу.
👍 Лайки: 15, 📥 Скачиваний: 830
Последнее обновление 📅: 3 месяца назад
https://pub.dev/packages/gradient_elevated_button
Pretty Animated Buttons
Включает 12 красивых анимированных кнопок, которые можно легко настроить.
👍 Лайки: 80, 📥 Скачиваний: 1.1К
Последнее обновление 📅: 10 месяцев назад
https://pub.dev/packages/pretty_animated_buttons
#flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #animatedbutton #flutteranimatedbutton #flutterswipebutton #timerbutton #gradiantelevatedbutton #prettyanimatedbuttons
Лучшие обновленные пакеты за последние 24 часа!
drift_dev 2.27.0
Пакет используется для генерации кода базы данных из классов Table в Drift. В новой версии исправлены ошибки при генерации кода схемы для столбцов, ссылающихся на другие столбцы, улучшены импорты и добавлена возможность игнорировать ограничения столбцов при валидации схемы.
👍 Лайки: 54, 📥 Скачиваний: 219К
https://pub.dev/packages/drift_dev
Drift 2.27.0
Реактивная библиотека для работы с базами данных SQLite. В новой версии добавлена возможность передавать callback-функцию sqlite3 в NativeDatabase для настройки получения связок SQLite.
👍 Лайки: 2.08К, 📥 Скачиваний: 379К
https://pub.dev/packages/drift
Fluwx 5.5.5
Плагин для Flutter, позволяющий вызывать нативные API WeChatSDK. Теперь поддерживается обмен видео на платформе HarmonyOS, а также обновлена версия HarmonyOS SDK до 1.0.14.
👍 Лайки: 250, 📥 Скачиваний: 5.6К
https://pub.dev/packages/fluwx
html_editor_enhanced 2.7.0
Текстовый редактор для Android, iOS и Web, позволяющий писать WYSIWYG HTML-код с помощью оболочки JavaScript Summernote. В новой версии исправлены устаревшие функции в последних версиях Flutter и обновлены зависимости.
👍 Лайки: 626, 📥 Скачиваний: 33.8К
https://pub.dev/packages/html_editor_enhanced
google_api_headers 2.0.0
Пакет используется для получения заголовков, необходимых для вызова API Google с ограниченным ключом API в приложениях Flutter. В новой версии обновлена версия компилятора Android до 33 и добавлена совместимость с Android Gradle Plugin 8.0.
👍 Лайки: 30, 📥 Скачиваний: 79.6К
https://pub.dev/packages/google_api_headers
Pro Image Editor 9.13.0
Виджет Flutter для редактирования изображений в вашем приложении. В новой версии добавлена возможность динамически выравнивать поле ввода текста в редакторе текста.
👍 Лайки: 392, 📥 Скачиваний: 19.8К
https://pub.dev/packages/pro_image_editor
#drift_dev #Drift #Fluwx #html_editor_enhanced #google_api_headers #ProImageEditor #flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages
drift_dev 2.27.0
Пакет используется для генерации кода базы данных из классов Table в Drift. В новой версии исправлены ошибки при генерации кода схемы для столбцов, ссылающихся на другие столбцы, улучшены импорты и добавлена возможность игнорировать ограничения столбцов при валидации схемы.
👍 Лайки: 54, 📥 Скачиваний: 219К
https://pub.dev/packages/drift_dev
Drift 2.27.0
Реактивная библиотека для работы с базами данных SQLite. В новой версии добавлена возможность передавать callback-функцию sqlite3 в NativeDatabase для настройки получения связок SQLite.
👍 Лайки: 2.08К, 📥 Скачиваний: 379К
https://pub.dev/packages/drift
Fluwx 5.5.5
Плагин для Flutter, позволяющий вызывать нативные API WeChatSDK. Теперь поддерживается обмен видео на платформе HarmonyOS, а также обновлена версия HarmonyOS SDK до 1.0.14.
👍 Лайки: 250, 📥 Скачиваний: 5.6К
https://pub.dev/packages/fluwx
html_editor_enhanced 2.7.0
Текстовый редактор для Android, iOS и Web, позволяющий писать WYSIWYG HTML-код с помощью оболочки JavaScript Summernote. В новой версии исправлены устаревшие функции в последних версиях Flutter и обновлены зависимости.
👍 Лайки: 626, 📥 Скачиваний: 33.8К
https://pub.dev/packages/html_editor_enhanced
google_api_headers 2.0.0
Пакет используется для получения заголовков, необходимых для вызова API Google с ограниченным ключом API в приложениях Flutter. В новой версии обновлена версия компилятора Android до 33 и добавлена совместимость с Android Gradle Plugin 8.0.
👍 Лайки: 30, 📥 Скачиваний: 79.6К
https://pub.dev/packages/google_api_headers
Pro Image Editor 9.13.0
Виджет Flutter для редактирования изображений в вашем приложении. В новой версии добавлена возможность динамически выравнивать поле ввода текста в редакторе текста.
👍 Лайки: 392, 📥 Скачиваний: 19.8К
https://pub.dev/packages/pro_image_editor
#drift_dev #Drift #Fluwx #html_editor_enhanced #google_api_headers #ProImageEditor #flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages
AnimatedSwitcher с Riverpod: Анимируем текст при каждом изменении
Привет, разработчики Flutter! 👋 Сегодня мы рассмотрим интересный совет по использованию AnimatedSwitcher вместе с Riverpod для создания анимированных изменений текста. 📱💡
Что такое AnimatedSwitcher?
Как это работает?
1. Мы используем AnimatedSwitcher для обёртки нашего текстового виджета.
2. Ключ (Key) играет решающую роль. Когда значение состояния меняется, ключ обновляется, запуская анимацию.
3. transitionBuilder позволяет настроить тип анимации. В примере используется ScaleTransition.
Почему это полезно?
- Плавные переходы улучшают пользовательский опыт 🌟
- Легко реализуется с помощью Riverpod и AnimatedSwitcher 👍
Оцените новую рубрику и напишите в комментариях, какие темы вам интересны! 💬
Все подобные новости можно найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #MobileDev #UIUX #Animation #RiverpodTips #FlutterTips
Привет, разработчики Flutter! 👋 Сегодня мы рассмотрим интересный совет по использованию AnimatedSwitcher вместе с Riverpod для создания анимированных изменений текста. 📱💡
Что такое AnimatedSwitcher?
AnimatedSwitcher(
// Виджет, который по умолчанию делает плавное переключение между новым виджетом и предыдущим
duration: const Duration(milliseconds: 250), // Продолжительность анимации
switchInCurve: Curves.easeInOut, // Кривая анимации при появлении
transitionBuilder: (Widget child, Animation<double> animation) {
// Строитель анимации перехода
return ScaleTransition(scale: animation, child: child);
},
child: Text(
'MyText', // Текст, который будет отображаться
key: Key('My-${state.value?.currentStepIndex}'), // Ключ, который запускает анимацию при изменении
style: TextStyle(fontSize: 24), // Стиль текста
),
)
Как это работает?
1. Мы используем AnimatedSwitcher для обёртки нашего текстового виджета.
2. Ключ (Key) играет решающую роль. Когда значение состояния меняется, ключ обновляется, запуская анимацию.
3. transitionBuilder позволяет настроить тип анимации. В примере используется ScaleTransition.
class SessionExerciceTitle extends ConsumerStatefulWidget {
const SessionExerciceTitle({super.key});
@override
ConsumerState<ConsumerStatefulWidget> createState() => _SessionExerciceTitleState();
}
class _SessionExerciceTitleState extends ConsumerState<SessionExerciceTitle> {
Key titleKey(AsyncValue<UserSessionState> state) =>
ValueKey<String?>("My-${state.value?.currentStepIndex}");
@override
Widget build(BuildContext context) {
final state = ref.watch(userSessionNotifierProvider); // Следим за изменениями состояния
return AnimatedSwitcher(
duration: const Duration(milliseconds: 250), // Продолжительность анимации
switchInCurve: Curves.easeInOut, // Кривая анимации при появлении
transitionBuilder: (Widget child, Animation<double> animation) {
// Строитель анимации перехода
return ScaleTransition(scale: animation, child: child);
},
child: Text(
state.value?.myText ?? '', // Отображаемый текст
key: titleKey(state), // Ключ, который запускает анимацию при изменении состояния
textAlign: TextAlign.center, // Выравнивание текста
),
);
}
}
Почему это полезно?
- Плавные переходы улучшают пользовательский опыт 🌟
- Легко реализуется с помощью Riverpod и AnimatedSwitcher 👍
Оцените новую рубрику и напишите в комментариях, какие темы вам интересны! 💬
Все подобные новости можно найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #MobileDev #UIUX #Animation #RiverpodTips #FlutterTips
Dart Native Assets - автоматизация работы с нативным кодом 🚀! Узнайте, как использовать готовые библиотеки на C, C++, Rust и других языках в ваших Dart-программах без лишних хлопот! 😊
В этой статье мы поговорим о Native Assets в Dart: как использовать C-код в ваших проектах 🤔. Узнайте, как интегрировать нативный код в свои Dart-приложения с помощью пакета native_assets_cli и native_toolchain_c 📚.
Автор также рассмотрит нативную разработку в Dart: интеграция с C и Rust 🌐. Узнайте, как использовать нативный код в своих Flutter-приложениях 📱.
Кроме того, вы узнаете о лучших практиках обработки ошибок, кроссплатформенной совместимости и тестировании Нативных активов 📊. И, конечно же, о Новых возможностях Native Assets в Dart: упрощение написания build-хуков и улучшение производительности 🚀.
Dart Native Assets - революционное решение для интеграции нативного кода в экосистеме Dart и Flutter 🌟. Узнайте о ключевых преимуществах: автоматизация, кроссплатформенность, производительность и простота 📈.
Читать статью можно здесь 📄.
#Dart #Flutter #FlutterPulse #NativeAssets #DartNativeAssets #НативныеАктивы #DartРазработка #FlutterРазработка 🚀💻📈
В этой статье мы поговорим о Native Assets в Dart: как использовать C-код в ваших проектах 🤔. Узнайте, как интегрировать нативный код в свои Dart-приложения с помощью пакета native_assets_cli и native_toolchain_c 📚.
Автор также рассмотрит нативную разработку в Dart: интеграция с C и Rust 🌐. Узнайте, как использовать нативный код в своих Flutter-приложениях 📱.
Кроме того, вы узнаете о лучших практиках обработки ошибок, кроссплатформенной совместимости и тестировании Нативных активов 📊. И, конечно же, о Новых возможностях Native Assets в Dart: упрощение написания build-хуков и улучшение производительности 🚀.
Dart Native Assets - революционное решение для интеграции нативного кода в экосистеме Dart и Flutter 🌟. Узнайте о ключевых преимуществах: автоматизация, кроссплатформенность, производительность и простота 📈.
Читать статью можно здесь 📄.
#Dart #Flutter #FlutterPulse #NativeAssets #DartNativeAssets #НативныеАктивы #DartРазработка #FlutterРазработка 🚀💻📈
Лучшие обновленные пакеты за последние 24 часа!
audioplayers 6.5.0
Пакет для проигрывания нескольких аудиофайлов одновременно на разных платформах.
В новой версии исправлена ошибка с миграцией на Melos v7 и Pub Workspaces, добавлена возможность настройки таймаута подготовки и поиска, а также поддержка Swift Package Manager.
👍 Лайки: 3280, 📥 Скачиваний: 434К
https://pub.dev/packages/audioplayers
smooth_sheets 0.13.0
Пакет предлагает виджеты модальных и постоянных листов для приложений Flutter.
В новой версии добавлены новые функции: SheetScrollHandlingBehavior и утилитарные функции для показа модальных листов.
👍 Лайки: 433, 📥 Скачиваний: 13.2К
https://pub.dev/packages/smooth_sheets
petitparser 7.0.0
Пакет для создания грамматик и парсеров для программных языков.
В новой версии добавлена поддержка Unicode-характеров, улучшена гибкость и консистентность API, а также удален устаревший код.
👍 Лайки: 357, 📥 Скачиваний: 5.53М
https://pub.dev/packages/petitparser
xml 6.6.0
Пакет для парсинга, обхода, запросов и преобразования XML-документов.
В новой версии добавлена поддержка Dart 3.8 и PetitParser 7.0, исправлена декодировка имен с суррогатными символами.
👍 Лайки: 421, 📥 Скачиваний: 5.78М
https://pub.dev/packages/xml
awesome_extensions 2.0.22
Пакет расширений для Flutter, который помогает сократить количество кода и добавляет полезные методы для виджетов, тем, навигации и многое другое.
В новой версии улучшено расширение цвета, обновлено до Flutter 3.32.4 и обновлено расширение подсказки.
👍 Лайки: 206, 📥 Скачиваний: 4980
https://pub.dev/packages/awesome_extensions
decimal 0.1.3
Пакет для выполнения вычислений с десятичными числами без потери точности.
В новой версии добавлены новые методы: Decimal.signum, Decimal.hasFinitePrecision, Decimal.precision и Decimal.scale.
👍 Лайки: 398, 📥 Скачиваний: 546К
https://pub.dev/packages/decimal
#Flutter #Dart #pubdev #FlutterPulse #FlutterPulseBestPackages #audioplayers #smooth_sheets #petitparser #xml #awesome_extensions #decimal
audioplayers 6.5.0
Пакет для проигрывания нескольких аудиофайлов одновременно на разных платформах.
В новой версии исправлена ошибка с миграцией на Melos v7 и Pub Workspaces, добавлена возможность настройки таймаута подготовки и поиска, а также поддержка Swift Package Manager.
👍 Лайки: 3280, 📥 Скачиваний: 434К
https://pub.dev/packages/audioplayers
smooth_sheets 0.13.0
Пакет предлагает виджеты модальных и постоянных листов для приложений Flutter.
В новой версии добавлены новые функции: SheetScrollHandlingBehavior и утилитарные функции для показа модальных листов.
👍 Лайки: 433, 📥 Скачиваний: 13.2К
https://pub.dev/packages/smooth_sheets
petitparser 7.0.0
Пакет для создания грамматик и парсеров для программных языков.
В новой версии добавлена поддержка Unicode-характеров, улучшена гибкость и консистентность API, а также удален устаревший код.
👍 Лайки: 357, 📥 Скачиваний: 5.53М
https://pub.dev/packages/petitparser
xml 6.6.0
Пакет для парсинга, обхода, запросов и преобразования XML-документов.
В новой версии добавлена поддержка Dart 3.8 и PetitParser 7.0, исправлена декодировка имен с суррогатными символами.
👍 Лайки: 421, 📥 Скачиваний: 5.78М
https://pub.dev/packages/xml
awesome_extensions 2.0.22
Пакет расширений для Flutter, который помогает сократить количество кода и добавляет полезные методы для виджетов, тем, навигации и многое другое.
В новой версии улучшено расширение цвета, обновлено до Flutter 3.32.4 и обновлено расширение подсказки.
👍 Лайки: 206, 📥 Скачиваний: 4980
https://pub.dev/packages/awesome_extensions
decimal 0.1.3
Пакет для выполнения вычислений с десятичными числами без потери точности.
В новой версии добавлены новые методы: Decimal.signum, Decimal.hasFinitePrecision, Decimal.precision и Decimal.scale.
👍 Лайки: 398, 📥 Скачиваний: 546К
https://pub.dev/packages/decimal
#Flutter #Dart #pubdev #FlutterPulse #FlutterPulseBestPackages #audioplayers #smooth_sheets #petitparser #xml #awesome_extensions #decimal
Автоматическое создание новой версии в Apple Store
Перестаньте тратить время на заполнение метаданных для каждого языка!
Когда это полезно?
Каждый раз, когда вы публикуете новую версию приложения в Apple Store Connect, вам приходится заполнять 2 поля для каждого языка. Но вы также можете использовать это для обновления других полей метаданных.
Шаги для автоматизации процесса:
1. Установите
2. Инициализируйте
3. Настройте учетные данные Apple Store Connect в файле
4. Добавьте следующий код в файл
Использование:
1. Скачайте метаданные:
2. Создайте новую версию с предварительно заполненными данными для всех языков:
Оцените новую рубрику и напишите свое мнение! 😊👍
Все подобные новости можно найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #MobileDev #AppStore #Fastlane #DevTips #ProductivityTips
Перестаньте тратить время на заполнение метаданных для каждого языка!
Когда это полезно?
Каждый раз, когда вы публикуете новую версию приложения в Apple Store Connect, вам приходится заполнять 2 поля для каждого языка. Но вы также можете использовать это для обновления других полей метаданных.
Шаги для автоматизации процесса:
1. Установите
fastlane
.2. Инициализируйте
fastlane
в папке iOS вашего проекта:fastlane init
3. Настройте учетные данные Apple Store Connect в файле
Appfile
:
app_identifier("app.your.app.id") # Идентификатор пакета вашего приложения
apple_id("your@email.com") # Ваша учетная запись Apple ID
team_id("TEAM_ID") # ID команды Apple Store Connect
itc_team_name("TEAM_NAME") # Имя команды в App Store Connect
4. Добавьте следующий код в файл
Fastfile
:
default_platform(:ios)
platform :ios do
desc "Скачать метаданные из App Store Connect"
lane :download_metadata do
# Код для скачивания метаданных
end
desc "Создать новую версию в App Store Connect"
lane :release_new_version do |options|
# Код для создания новой версии
deliver(
app_version: options[:version],
skip_binary_upload: true,
force: true,
submit_for_review: false,
automatic_release: false,
metadata_path: "fastlane/metadata",
release_notes: "fastlane/metadata/#{options[:version]}/release_notes.txt",
skip_screenshots: true
)
end
end
Использование:
1. Скачайте метаданные:
fastlane deliver download_metadata
2. Создайте новую версию с предварительно заполненными данными для всех языков:
fastlane release_new_version version:"3.12.3"
Оцените новую рубрику и напишите свое мнение! 😊👍
Все подобные новости можно найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #MobileDev #AppStore #Fastlane #DevTips #ProductivityTips
Обзор пакетов на тему "Украшение, эффекты и анимация текста"
SuperTooltip - пакет для отображения всплывающих подсказок на экране с большей гибкостью, чем стандартный Tooltip в Flutter. Вы можете настроить фон, направление и поведение подсказки. 👍 Лайки: 268, 📥 Скачиваний: 67.7К, Версия: 2.0.9, Последнее обновление: 7 месяцев назад. https://pub.dev/packages/super_tooltip
Animated Text Kit - пакет для Flutter, содержащий коллекцию крутых текстовых анимаций! 👍 Лайки: 5390, 📥 Скачиваний: 165К, Последняя версия: 4.2.3, Последнее обновление: 4 месяца назад. https://pub.dev/packages/animated_text_kit
Type Writer Text - пакет для создания эффекта печатной машинки в вашем приложении. Поддерживает iOS, Android, web, Windows, macOS и Linux. 👍 Лайки: 198, 📥 Скачиваний: 12.8К, Версия: 3.0.9, Последнее обновление: 9 месяцев назад. https://pub.dev/packages/typewritertext
Flutter Animate - библиотека для создания анимаций в Flutter! С помощью этой библиотеки вы можете легко добавлять различные анимационные эффекты к вашим виджетам. 👍 Лайки: 3850, 📥 Скачиваний: 650К, Версия: 4.5.2, Последнее обновление: 6 месяцев назад. https://pub.dev/packages/flutter_animate
Animated Size and Fade - пакет для создания анимированных переходов между виджетами, изменяя их размер и прозрачность. 👍 Лайки: 233, 📥 Скачиваний: 11.5К, Версия: 5.1.1, Последнее обновление: 4 месяца назад. https://pub.dev/packages/animated_size_and_fade
Marquee - виджет для создания бесконечно прокручивающегося текста с множеством настроек. 👍 Лайки: 1010, 📥 Скачиваний: 68.8К, Последняя версия: 2.3.0, Обновлен 8 месяцев назад. https://pub.dev/packages/marquee
#SuperTooltip #AnimatedTextKit #TypeWriterText #FlutterAnimate #AnimatedSizeAndFade #Marquee #flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages
SuperTooltip - пакет для отображения всплывающих подсказок на экране с большей гибкостью, чем стандартный Tooltip в Flutter. Вы можете настроить фон, направление и поведение подсказки. 👍 Лайки: 268, 📥 Скачиваний: 67.7К, Версия: 2.0.9, Последнее обновление: 7 месяцев назад. https://pub.dev/packages/super_tooltip
Animated Text Kit - пакет для Flutter, содержащий коллекцию крутых текстовых анимаций! 👍 Лайки: 5390, 📥 Скачиваний: 165К, Последняя версия: 4.2.3, Последнее обновление: 4 месяца назад. https://pub.dev/packages/animated_text_kit
Type Writer Text - пакет для создания эффекта печатной машинки в вашем приложении. Поддерживает iOS, Android, web, Windows, macOS и Linux. 👍 Лайки: 198, 📥 Скачиваний: 12.8К, Версия: 3.0.9, Последнее обновление: 9 месяцев назад. https://pub.dev/packages/typewritertext
Flutter Animate - библиотека для создания анимаций в Flutter! С помощью этой библиотеки вы можете легко добавлять различные анимационные эффекты к вашим виджетам. 👍 Лайки: 3850, 📥 Скачиваний: 650К, Версия: 4.5.2, Последнее обновление: 6 месяцев назад. https://pub.dev/packages/flutter_animate
Animated Size and Fade - пакет для создания анимированных переходов между виджетами, изменяя их размер и прозрачность. 👍 Лайки: 233, 📥 Скачиваний: 11.5К, Версия: 5.1.1, Последнее обновление: 4 месяца назад. https://pub.dev/packages/animated_size_and_fade
Marquee - виджет для создания бесконечно прокручивающегося текста с множеством настроек. 👍 Лайки: 1010, 📥 Скачиваний: 68.8К, Последняя версия: 2.3.0, Обновлен 8 месяцев назад. https://pub.dev/packages/marquee
#SuperTooltip #AnimatedTextKit #TypeWriterText #FlutterAnimate #AnimatedSizeAndFade #Marquee #flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages
🔥 Liquid Glass Renderer — эффект «жидкого стекла» теперь и во Flutter!
Новый пакет liquid_glass_renderer позволяет Flutter-разработчикам воссоздать визуальный стиль, вдохновлённый новым языком дизайна Apple — Liquid Glass, представленным на WWDC 2025 вместе с iOS 26, macOS Tahoe и другими платформами.
Что такое Liquid Glass?
Liquid Glass — это современный визуальный стиль с эффектами стеклянности, динамической прозрачности, глубины и плавного взаимодействия слоёв. Его основа — реалистичное поведение света и стекла в интерфейсах.
Теперь и во Flutter:
🧊 Эффект жидкого стекла: просто оберни любой виджет в LiquidGlass
🧬 Слои, которые сливаются между собой как настоящая жидкость
🎨 Гибкая настройка — толщина, цвет, освещение, блики, размытие
⚡️ Высокая производительность благодаря поддержке Impeller и шейдерам
Пример:
Важно:
Работает только на Impeller (поддержка Web, Windows, Linux — пока нет)
Поддерживается до 3 стеклянных фигур в одном LiquidGlassLayer
Установка:
Импорт:
Оцените эффект Liquid Glass сами — теперь вы можете создавать интерфейсы нового уровня прямо во Flutter!
#flutter #dart #liquidglass #design #WWDC2025 #FlutterUI #FlutterEffects #MobileDev #AppDesign #flutterpulse
Новый пакет liquid_glass_renderer позволяет Flutter-разработчикам воссоздать визуальный стиль, вдохновлённый новым языком дизайна Apple — Liquid Glass, представленным на WWDC 2025 вместе с iOS 26, macOS Tahoe и другими платформами.
Что такое Liquid Glass?
Liquid Glass — это современный визуальный стиль с эффектами стеклянности, динамической прозрачности, глубины и плавного взаимодействия слоёв. Его основа — реалистичное поведение света и стекла в интерфейсах.
Теперь и во Flutter:
🧊 Эффект жидкого стекла: просто оберни любой виджет в LiquidGlass
🧬 Слои, которые сливаются между собой как настоящая жидкость
🎨 Гибкая настройка — толщина, цвет, освещение, блики, размытие
⚡️ Высокая производительность благодаря поддержке Impeller и шейдерам
Пример:
LiquidGlass(
shape: LiquidRoundedSuperellipse(
borderRadius: Radius.circular(50),
),
child: const SizedBox(
height: 200,
width: 200,
child: Center(child: FlutterLogo(size: 100)),
),
)
Важно:
Работает только на Impeller (поддержка Web, Windows, Linux — пока нет)
Поддерживается до 3 стеклянных фигур в одном LiquidGlassLayer
Установка:
flutter pub add liquid_glass_renderer
Импорт:
import 'package:liquid_glass_renderer/liquid_glass_renderer.dart';
Оцените эффект Liquid Glass сами — теперь вы можете создавать интерфейсы нового уровня прямо во Flutter!
#flutter #dart #liquidglass #design #WWDC2025 #FlutterUI #FlutterEffects #MobileDev #AppDesign #flutterpulse
Новые пакеты за неделю! 🚀
liquid_glass_renderer - создавайте эффект "жидкого стекла" или "матового стекла" в ваших приложениях. 👍 Лайки: 163, 📥 Скачиваний: 240
https://pub.dev/packages/liquid_glass_renderer
mic_stream_recorder - записывайте аудио с микрофона в режиме реального времени с мониторингом амплитуды. 👍 Лайки: 1, 📥 Скачиваний: 855
https://pub.dev/packages/mic_stream_recorder
video_view - легкий медиа-плеер с поддержкой субтитров и переключением аудиодорожек. 👍 Лайки: 2, 📥 Скачиваний: 436
https://pub.dev/packages/video_view
talker_http_logger - выводите в консоль подробную информацию о ваших HTTP-запросах и ответах. 👍 Лайки: 9, 📥 Скачиваний: 8.6К
https://pub.dev/packages/talker_http_logger
percent_indicator_circle - создавайте круглые индикаторы прогресса с возможностью настройки цвета, градиента и анимации. 👍 Лайки: 11, 📥 Скачиваний: 140
https://pub.dev/packages/percent_indicator_circle
foundation_models_framework - интегрируйте Apple's Foundation Models framework на iOS-устройствах, предоставляя доступ к AI-возможностям на устройстве. 👍 Лайки: 13, 📥 Скачиваний: 20
https://pub.dev/packages/foundation_models_framework
#liquid_glass_renderer #mic_stream_recorder #video_view #talker_http_logger #percent_indicator_circle #foundation_models_framework #flutter #dart #pubdev #FlutterPulse #FlutterPulseBestNewPackages
liquid_glass_renderer - создавайте эффект "жидкого стекла" или "матового стекла" в ваших приложениях. 👍 Лайки: 163, 📥 Скачиваний: 240
https://pub.dev/packages/liquid_glass_renderer
mic_stream_recorder - записывайте аудио с микрофона в режиме реального времени с мониторингом амплитуды. 👍 Лайки: 1, 📥 Скачиваний: 855
https://pub.dev/packages/mic_stream_recorder
video_view - легкий медиа-плеер с поддержкой субтитров и переключением аудиодорожек. 👍 Лайки: 2, 📥 Скачиваний: 436
https://pub.dev/packages/video_view
talker_http_logger - выводите в консоль подробную информацию о ваших HTTP-запросах и ответах. 👍 Лайки: 9, 📥 Скачиваний: 8.6К
https://pub.dev/packages/talker_http_logger
percent_indicator_circle - создавайте круглые индикаторы прогресса с возможностью настройки цвета, градиента и анимации. 👍 Лайки: 11, 📥 Скачиваний: 140
https://pub.dev/packages/percent_indicator_circle
foundation_models_framework - интегрируйте Apple's Foundation Models framework на iOS-устройствах, предоставляя доступ к AI-возможностям на устройстве. 👍 Лайки: 13, 📥 Скачиваний: 20
https://pub.dev/packages/foundation_models_framework
#liquid_glass_renderer #mic_stream_recorder #video_view #talker_http_logger #percent_indicator_circle #foundation_models_framework #flutter #dart #pubdev #FlutterPulse #FlutterPulseBestNewPackages