Flutter Pulse
646 subscribers
401 photos
886 links
На канале будут новости про flutter с сайтов, информация об обновлении пакетов, а также авторский контент.
Download Telegram
Самые лучшие обновлённые пакеты за последние 24 часа

very_good_cli 0.27.0 - инструмент командной строки для Dart, позволяющий создавать новые проекты, запускать тесты и управлять пакетами. В новой версии добавлены новые функции, исправлены ошибки и улучшена документация. 👍 Лайки: 697, 📥 Скачиваний: 94.3К
https://pub.dev/packages/very_good_cli

postgres 3.5.8 - пакет для подключения и запросов к базам данных PostgreSQL. В обновлении обновлены ограничения SDK и линты, добавлен новый аутентификатор SASL и оптимизировано захват стека вызовов. 👍 Лайки: 380, 📥 Скачиваний: 70К
https://pub.dev/packages/postgres

record 6.1.2 - аудиорекордер, который позволяет записывать аудио с микрофона в файл или поток на различных платформах. В новой версии обновлены транзитивные зависимости и исправлена документация. 👍 Лайки: 825, 📥 Скачиваний: 380К
https://pub.dev/packages/record

shadcn_ui 0.36.1 - коллекция кастомизируемых UI-компонентов для Flutter. Теперь вы можете настраивать текстовый стиль кнопок с помощью свойства textStyle в ShadButton и ShadButtonTheme. 👍 Лайки: 745, 📥 Скачиваний: 17.2К
https://pub.dev/packages/shadcn_ui

intercom_flutter 9.4.10 - обертка для Intercom Android, iOS и Web-проектов, позволяя интегрировать функции Intercom в свои приложения. В новой версии обновлен Intercom Android SDK до версии 17.2.0. 👍 Лайки: 147, 📥 Скачиваний: 86.1К
https://pub.dev/packages/intercom_flutter

dio_cache_interceptor 4.0.5 - пакет для кэширования HTTP-запросов в приложениях, написанных на Dart. В новой версии обновлены зависимости. 👍 Лайки: 403, 📥 Скачиваний: 201К
https://pub.dev/packages/dio_cache_interceptor

#Flutter #Dart #PubDev #FlutterPulse #FlutterPulseBestPackages #very_good_cli #postgres #record #shadcn_ui #intercom_flutter #dio_cache_interceptor
👍1
Привет, программисты! 🤩 Сегодня у нас есть интересная новость о Pull to Refresh - популярном механизме в интерфейсах мобильных приложений 📱. Этот механизм позволяет пользователям обновлять информацию на экране одним простым жестом 🔄. Для тех, кто хочет узнать, как реализовать Pull to Refresh во Flutter-приложении, мы подготовили подробную статью 📄. Вы узнаете о базовом виджете RefreshIndicator, библиотеке pull_to_refresh и даже о полноценной кастомной реализации 🤔. Читайте полную статью по ссылке и не забудьте подписаться на наш канал flutterpulse 📣, чтобы быть в курсе всех последних новостей и обновлений 📊! #flutter #dart #flutterpulse 😊
👍2😐1
Что такое Render Objects?

Render Objects являются основой визуальной системы Flutter. Они используются для отрисовки элементов интерфейса на экране.

Flutter строит пользовательские интерфейсы в три слоя:
1. Widget: конфигурация визуального элемента
2. Element: соединяет виджеты и объекты рендеринга
3. RenderObject: рисует на вашем экране

Настройка RenderObject
Поскольку мы будем рендерить одного потомка, мы расширяем SingleChildRenderObjectWidget.

Render Objects рисуют как CustomPainter, но с гораздо большими возможностями:
- Могут иметь потомков и реагировать на ограничения макета
- Управляют как макетом, так и отрисовкой
- Обрабатывают ограничения макета
- Управляют своим собственным размером

Зачем использовать RenderObject?
Большую часть времени вам не придётся писать RenderObjects самостоятельно. Используйте виджеты!
Но пользовательские RenderObjects дают неограниченную творческую свободу для нестандартных виджетов.


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

@override
Widget build(BuildContext context) {
return Scaffold(
body: const Center(
child: CustomStar(
size: 200,
color: Colors.amber,
),
),
);
}
}

class CustomStar extends SingleChildRenderObjectWidget {
final double size;
final Color color;

const CustomStar({
super.key,
required this.size,
required this.color,
});

@override
RenderObject createRenderObject(BuildContext context) {
return RenderCustomStar(size: size, color: color);
}

@override
void updateRenderObject(BuildContext context, RenderCustomStar renderObject) {
renderObject.starSize = size;
renderObject.color = color;
}
}

class RenderCustomStar extends RenderBox {
RenderCustomStar({
required double size,
required Color color,
}) : starSize = size,
color = color;

double starSize;
Color color;

@override
void performLayout() {
size = constraints.biggest;
}

@override
void paint(PaintingContext context, Offset offset) {
final canvas = context.canvas;
canvas.save();
canvas.translate(offset.dx, offset.dy);
// ... рисуйте то, что вам нужно здесь
}
}


Оцените новую рубрику лайком! 👍
Все подобные новости можно найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #mobiledev #renderobjects #flutterrenderobjects #flutterui #flutterdevelopment #codingtips
👍31
Обзор пакетов на тему PDF 📚
Пакет flutter_pdfview позволяет легко интегрировать просмотр PDF-файлов в ваши Flutter-приложения для iOS и Android.
👍 Лайки: 710, 📥 Скачиваний: 177К
Последнее обновление 📅 11 дней назад
https://pub.dev/packages/flutter_pdfview

Пакет syncfusion_flutter_pdf - мощная и высокопроизводительная библиотека для работы с PDF в Flutter, написанная на Dart.
📈 771 лайков, 255К скачиваний!
📦 Версия 31.1.22, обновлена 3 дня назад.
https://pub.dev/packages/syncfusion_flutter_pdf

Пакет pdfx позволяет отображать PDF-документы в Flutter-приложениях для Web, macOS, Android, iOS и Windows.
👍 502 лайка и более 358К скачиваний!
📦 Версия: 2.9.2
https://pub.dev/packages/pdfx

Пакет syncfusion_flutter_pdfviewer позволяет просматривать PDF документы на платформах Android, iOS, Web, Windows и macOS.
👍 1110 лайков, 📥 199К скачиваний!
📦 Версия: 31.1.22
https://pub.dev/packages/syncfusion_flutter_pdfviewer

Пакет pdf позволяет легко создавать PDF документы прямо из вашего Flutter/Dart приложения.
👍 2960 лайков и более 587К скачиваний!
📦 Версия 3.11.3
https://pub.dev/packages/pdf

Пакет flutter_cached_pdfview - пакет для отображения PDF-файлов в Flutter-приложениях для iOS, Android и Web (в разработке).
👍 Лайков: 497, 📥 Скачиваний: 71К
📦 Версия: 0.4.3
https://pub.dev/packages/flutter_cached_pdfview
#flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #pdf #flutter_pdfview #syncfusion_flutter_pdf #pdfx #syncfusion_flutter_pdfviewer #flutter_cached_pdfview
Самые лучшие обновлённые пакеты за последние 24 часа

slang 4.9.0 - пакет для создания типобезопасных решений для интернационализации (i18n) в проектах на Dart.
Объединены именованные и неименованные переводы, уменьшено количество логов в CLI.
👍 Лайки: 687, 📥 Скачиваний: 89.4К
https://pub.dev/packages/slang

flutter_inapp_purchase 7.0.1 - плагин для Flutter, который позволяет использовать In-App Purchase.
Добавлен метод isEligibleForIntroOfferIOS.
👍 Лайки: 429, 📥 Скачиваний: 8.5К
https://pub.dev/packages/flutter_inapp_purchase

requests_inspector 5.1.1 - пакет для Flutter, который позволяет логировать API-запросы и отслеживать их состояние.
Теперь можно контролировать начальное состояние представления JSON.
👍 Лайки: 154, 📥 Скачиваний: 4.5К
https://pub.dev/packages/requests_inspector

pdfrx 2.1.23 - плагин для просмотра PDF-файлов в приложениях Flutter.
Исправлена проблема с StringBuffer в Safari, добавлен PdfDocumentRefKey.
👍 Лайки: 258, 📥 Скачиваний: 205К
https://pub.dev/packages/pdfrx

media_kit 1.2.1 - кроссплатформенный видеоплеер и аудиоплеер для Flutter и Dart.
Исправлены различные мелкие проблемы.
👍 Лайки: 799, 📥 Скачиваний: 98.9К
https://pub.dev/packages/media_kit

animated_text_kit 4.3.0 - набор анимаций текста для Flutter.
Добавлены две новые анимации: Scramble Animated Text и Bounce Animated Text.
👍 Лайки: 5.5К, 📥 Скачиваний: 250К
https://pub.dev/packages/animated_text_kit

#flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages #slang #flutter_inapp_purchase #requests_inspector #pdfrx #media_kit #animated_text_kit
Масштабирование изображения

Flutter предоставляет виджет InteractiveViewer для масштабирования, перемещения и трансформации любого виджета. Вот как можно масштабировать изображение с его помощью:


InteractiveViewer(
key: previewWidgetKey,
transformationController: TransformationController()..value = (Matrix4.identity()..scale(scale)), // масштабирование
scaleEnabled: false,
constrained: false,
panEnabled: false,
clipBehavior: Clip.antiAlias,
child: Image.asset("name_of_your_image.png"), // ваше изображение
)


Как это работает?

Матрица 4x4 используется для трансформации:

[ m00 m01 m02 m03 ]
[ m10 m11 m12 m13 ]
[ m20 m21 m22 m23 ]
[ m30 m31 m32 m33 ]


- Левый верхний 3x3 блок отвечает за вращение и масштабирование.
- Последний столбец (m03, m13, m23) используется для перемещения объектов.
- Нижняя строка используется для перспективных трансформаций (для 3D-эффектов).

Если масштаб < 1, мы приближаем изображение.
Если масштаб > 1, мы отдаляем изображение.

Оцените нашу новую рубрику! 👍 Оставляйте ваши отзывы в комментариях! 💬

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

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #UIUX #CodingTips #AppDevelopment
3👍1
Обзор пакетов на тему Bottom Navigation Bar 📢
Пакеты для создания красивых и настраиваемых нижних панелей навигации в Flutter:
- bottom_bar 2.0.5: создание анимированных нижних панелей навигации 🌟 (133 лайка, 1.2К скачиваний, обновлён 4 месяца назад) 👉 https://pub.dev/packages/bottom_bar
- GoogleNavBar 5.0.7: современный навбар в стиле Google для Flutter 📈 (1610 лайков, 40.5К скачиваний, обновлено 11 месяцев назад) 👉 https://pub.dev/packages/google_nav_bar
- Stylish Bottom Bar: коллекция стильных нижних панелей навигации 🌈 (303 лайка, 6.4К скачиваний, обновлено 6 месяцев назад) 👉 https://pub.dev/packages/stylish_bottom_bar
- AnimatedBottomNavigationBar 1.4.0: анимированное нижнее меню для вашего Flutter-приложения 🌟 (17.5К скачиваний, обновлено 7 месяцев назад) 👉 https://pub.dev/packages/animated_bottom_navigation_bar
- persistent_bottom_nav_bar_v2 6.1.0: настраиваемые нижние панели навигации 🎉 (407 лайков, 15.3К скачиваний, обновлено 3 месяца назад) 👉 https://pub.dev/packages/persistent_bottom_nav_bar_v2
- flutter_floating_bottom_bar 1.3.0: плавно появляющиеся и исчезающие виджеты в нижней части экрана 🌟 (2060 скачиваний, 290 лайков, обновлено 5 месяцев назад) 👉 https://pub.dev/packages/flutter_floating_bottom_bar
#flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #bottom_bar #google_nav_bar #stylish_bottom_bar #animated_bottom_navigation_bar #persistent_bottom_nav_bar_v2 #flutter_floating_bottom_bar
👍2
Самые лучшие обновлённые пакеты за последние 24 часа

Forui 0.16.0 - библиотека UI для Flutter, предоставляющая набор красиво оформленных и минималистичных виджетов.
В новой версии улучшена документация, добавлены новые функции и исправлены ошибки.
👍 Лайки: 281, 📥 Скачиваний: 2.4К
https://pub.dev/packages/forui

Logger 2.6.2 - небольшой, простой в использовании и расширяемый логгер, который выводит красивые логи.
В новой версии исправлена ошибка в PrettyPrinter, связанная с отображением внутренних логов в стек-трейсе на Flutter/Dart Web.
👍 Лайки: 3.6К, 📥 Скачиваний: 2.0М
https://pub.dev/packages/logger

Map Location Picker 3.1.0 - пакет для выбора местоположения на карте.
Теперь доступны cancelToken, headers и interceptors для новых API, а также исправлена ошибка в roof top geocoding api.
👍 Лайки: 128, 📥 Скачиваний: 3.1К
https://pub.dev/packages/map_location_picker

Flutter Branch SDK 8.10.0 - пакет для реализации функций глубоких ссылок и атрибуции в мобильных приложениях.
В новой версии добавлена возможность настройки платформо-специфических URL-адресов API.
👍 Лайки: 217, 📥 Скачиваний: 150К
https://pub.dev/packages/flutter_branch_sdk

Fquery 3.0.0 - пакет для управления асинхронным состоянием в приложениях Flutter.
В новой версии произошли значительные изменения, включая переименование QueryClientProvider и удаление QueryClient.
👍 Лайки: 81, 📥 Скачиваний: 5.8К
https://pub.dev/packages/fquery

Native Storage 0.4.0 - пакет для доступа к функциям хранения платформы.
В новой версии обновлена зависимость ffigen и увеличена минимальная версия Dart SDK.
👍 Лайки: 66, 📥 Скачиваний: 376
https://pub.dev/packages/native_storage

#flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages #Forui #Logger #MapLocationPicker #FlutterBranchSDK #Fquery #NativeStorage
Проверка разрешений

iOS и Android требуют, чтобы вы запрашивали разрешение перед выполнением определенных действий, таких как съемка фотографии, сохранение в галерею пользователя или запись звука.

1. Установка и импорт плагина permission_handler


import 'package:permission_handler/permission_handler.dart';


2. Как использовать


// Запрос одного разрешения
[Permission.camera].request()

// Запрос нескольких разрешений (цепочка запросов)
[Permission.camera, Permission.microphone].request()

// Просто проверка статуса разрешения
final cameraPermission = await Permission.camera.status;
final microphonePermission = await Permission.microphone.status;


3. Пример использования


@override
Widget build(BuildContext context) {
return CameraPermission(
child: CameraAwesomeBuilder.custom(
builder: (state, preview) {
...
},
),
);
}


Создайте виджет (CameraPermission) здесь. Перед запуском камеры мы проверяем, дал ли пользователь все необходимые разрешения. В противном случае мы показываем виджет, который вежливо просит разрешить доступ + кнопку для открытия настроек.

Оцените новую рубрику! 👍💬 Нам важно ваше мнение! 🤔

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

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDev #AppDev #ProgrammingTips #DevTips
👍6
Обзор пакетов на тему Icons 📢
Пакет material_symbols_icons теперь имеет 4100 иконок Material Symbols Icons, включая поддержку языков с правым направлением письма 📈.
Лайки: 261, Скачиваний: 137К, Обновлено: 6 дней назад, Версия: 4.2874.0 👍
pub.dev/packages/material_symbols_icons
👉

Fluent UI System Icons - коллекция современных и дружественных иконок от Microsoft для ваших Flutter-приложений! 📈.
Лайки: 905, Скачиваний: 16.7К, Обновлено: 8 месяцев назад, Версия: 1.1.273 👍
pub.dev/packages/fluentui_system_icons
👉

Iconify Flutter - библиотека иконок для Flutter с более чем 100 наборами открытых иконок! 🌟.
Лайки: 414, Скачиваний: 4.2К, Обновлено: 11 месяцев назад, Версия: 0.0.7 👍
pub.dev/packages/iconify_flutter
👉

font_awesome_flutter - бесплатный пакет иконок Font Awesome для Flutter, включает все бесплатные иконки Font Awesome версии 7.0.0 📈.
Лайки: 4860, Скачиваний: 768К, Обновлено: 49 дней назад 👍
pub.dev/packages/font_awesome_flutter
👉

hugeicons - получите доступ к более чем 4 500 иконкам в формате SVG для ваших проектов Flutter совершенно бесплатно! 🎉.
Лайки: 365, Скачиваний: 13.5К, Обновлено: 2 часа назад, Версия: 1.1.1 👍
pub.dev/packages/hugeicons
👉

iconsax_flutter - пакет с огромным выбором иконок в разных стилях для ваших Flutter-приложений! 📢.
Лайки: 31, Скачиваний: 139К, Обновлено: 4 месяца назад, Версия: 1.0.1 👍
pub.dev/packages/iconsax_flutter
#flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #material_symbols_icons #FluentUI #Iconify #font_awesome_flutter #hugeicons #iconsax_flutter
👍2
Привет, разработчики! 🐱💻
Вы когда-нибудь сталкивались с проблемой, когда пользователь может нажимать на кнопку загрузки данных бесконечное количество раз, что приводит к множественным вызовам методов бэка и ухудшению работы UI? 🤔 Это может быть довольно раздражающим! 😩

Но не волнуйтесь, есть решение! 🎉 Вы можете использовать bloc_concurrency, который позволяет управлять порядком и способом обработки событий в Bloc. 📈 Это пакет, который идет вместе с Bloc и предоставляет набор функций (EventTransformer’ов) для контроля того, как Bloc обрабатывает события. 📊

С помощью bloc_concurrency вы можете изменить поведение обработки событий в Bloc с помощью разных трансформеров:

✔️ concurrent() — события обрабатываются одновременно.
✔️ sequence() — события обрабатываются строго по очереди.
✔️ droppable() — любые новые события, добавленные во время обработки текущего, будут проигнорированы.
✔️ restartable() — обрабатывается только последнее событие, предыдущие отменяются, если они еще не завершены.

Вы можете прочитать больше о bloc_concurrency и Bloc в этой статье. 🔗

Итак, если вы хотите быть в курсе всех последних новостей и обновлений о Flutter и Dart, то обязательно подпишитесь на канал flutterpulse! 📣 Это будет вашим лучшим источником информации о мире Flutter и Dart! 💻 #flutter #dart #flutterpulse 🚀💻
👍3
Самые лучшие обновлённые пакеты за последние 24 часа

youtube_player_flutter 9.1.3
Плагин для Flutter, который позволяет проигрывать видео с YouTube прямо в вашем приложении на Android и iOS, без необходимости использования API-ключа. Он поддерживает подписи, живые трансляции, настройку скорости проигрывания и многое другое.
В новой версии обновлены зависимости до последней версии.
👍 Лайки: 1650, 📥 Скачиваний: 187К
https://pub.dev/packages/youtube_player_flutter

build_web_compilers 4.3.0
Пакет build_web_compilers используется для компиляции кода Dart в JavaScript и WebAssembly для запуска в браузере. В новой версии добавлена возможность загрузки сборки JavaScript, добавив force_js=true к URL в браузере, когда включены обе сборки wasm и js.
👍 Лайки: 41, 📥 Скачиваний: 245К
https://pub.dev/packages/build_web_compilers

liquid_glass_renderer 0.1.1-dev.11
Пакет для создания эффекта "жидкого стекла" или "матового стекла" в Flutter.
В новой версии значительные улучшения производительности и множество других изменений.
👍 Лайки: 612, 📥 Скачиваний: 9.3К
https://pub.dev/packages/liquid_glass_renderer

pdfrx 2.1.25
Пакет pdfrx - быстрый и функциональный плагин для просмотра PDF-файлов в приложениях Flutter. Поддерживает Android, iOS, Windows, macOS, Linux и Web.
В новой версии исправлена ошибка при загрузке веб-ассемблера и добавлен fallback на ArrayBuffer.
👍 Лайки: 259, 📥 Скачиваний: 188К
https://pub.dev/packages/pdfrx

hugeicons 1.1.1
Пакет содержит более 4,500 бесплатных иконок для Flutter.
Теперь иконки правильно адаптируются к светлому/тёмному режиму при использовании CupertinoDynamicColor.
Исправлена проблема с цветом иконок при переключении между светлой и тёмной темами.
👍 Лайки: 365, 📥 Скачиваний: 13.3К
https://pub.dev/packages/hugeicons

shadcn_ui 0.37.1
Теперь вы можете легко объединять темы с помощью методов ShadThemeData.merge и ShadTheme.merge.
Также исправлена ошибка с тестами при использовании Animate и Duration.zero.
Пакет имеет 748 лайков и 17 400 скачиваний.
👍 Лайки: 748, 📥 Скачиваний: 17.4К
https://pub.dev/packages/shadcn_ui
#Flutter #Dart #PubDev #FlutterPulse #FlutterPulseBestPackages #youtube_player_flutter #build_web_compilers #liquid_glass_renderer #pdfrx #hugeicons #shadcn_ui
Null-Aware элементы
Dart 3.8 ввёл действительно практичную новую функцию языка, называемую null-aware элементами. Она позволяет уменьшить количество шаблонного кода для проверки null элементов перед их отображением.

До:


@override
Widget build(BuildContext context) {
return Scaffold(
body: Column(
children: [
if (title != null)
title
...
]
)
);
}



После:


@override
Widget build(BuildContext context) {
return Scaffold(
body: Column(
children: [
?title <-----
...
]
)
);
}



Оцените новую рубрику лайком 👍, если считаете её полезной! 💡
Все подобные новости можно найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #DartLanguage #NullAware #CodingTips #MobileDevelopment #FlutterTips
👍5🔥1
Обзор пакетов на тему Avatar, Profile Picture & Chat Heads 🎨
Представляем вам обзор пакетов для создания уникальных аватаров и профильных картинок в Flutter! 📸

flutter_boring_avatars 🎨: Генерирует аватары на основе имени пользователя и цветовой палитры. Уникальные аватары для каждого имени, анимированные переходы и настройка цветовой палитры. 👍 36 | 1620.0 скачиваний, обновлён 13 месяцев назад 📅
Скачать

avatar_stack 📢: Пакет для создания анимированных стэков аватаров! Ограничение количества элементов, выравнивание и настройка перекрытия аватаров. 👍 185 лайков, 5140 скачиваний, обновлён 8 месяцев назад 📅
Скачать

flutter_advanced_avatar 📢: Добавьте в приложение уникальные аватары с богатым API для кастомизации! 107 лайков, 3890 скачиваний, обновлён 10 месяцев назад 📅
Скачать

Avatar Plus 🎨: Генерируйте аватары по любому текстовому вводу и настраивайте их в ваших Flutter-приложениях. 47 лайков, 596 скачиваний, обновлён 13 месяцев назад 📅
Скачать

Avatar Brick 📢: Пакет для создания аватаров с автоматическим отображением инициалов, если нет изображения. 30 лайков, 51 скачиваний, обновлён 5 месяцев назад 📅
Скачать

#flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #avatar_stack #flutter_boring_avatars #flutter_advanced_avatar #avatar_plus #avatar_brick
👍1