Как создать список чекбоксов с помощью CheckboxListTile

Привет, подписчики! 👋 Сегодня мы рассмотрим, как легко создать список чекбоксов в вашем Flutter-приложении, используя виджет CheckboxListTile. 📝

Преимущества CheckboxListTile:
- Упрощает создание списков с чекбоксами
- Позволяет легко управлять состоянием выбранных элементов
- Поддерживает стандартный стиль Material Design

Пример кода:

class SkillsFilterList extends StatelessWidget {
  final SkillsFilter skillsFilter;
  final Function() onChanged;

  const SkillsFilterList({
    Key? key,
    required this.skillsFilter,
    required this.onChanged,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return ListView.separated(
      shrinkWrap: true,
      physics: const BouncingScrollPhysics(),
      itemCount: skillsFilter.value.length,
      separatorBuilder: (context, index) => const SizedBox.shrink(),
      itemBuilder: (context, index) {
        final skill = this.skillsFilter.value[index];
        return ListTileTheme(
          contentPadding: EdgeInsets.all(0),
          child: CheckboxListTile(
            dense: true,
            title: Text(skill.scopeName),
            value: skill.chosed,
            onChanged: (skill) {
              skillsFilter.select(skill);
              onChanged();
            },
          ),
        );
      },
    );
  }
}

Ключевые моменты:
✦ ListView.separated используется для создания списка с разделителями
✦ CheckboxListTile упрощает создание элемента списка с чекбоксом и текстом
✦ Свойство onChanged обрабатывает изменения состояния чекбокса

Оцените эту рубрику и напишите в комментариях, какие темы вы хотели бы видеть в будущих выпусках! 💬

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

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDev #UIUX #FlutterTips #AppDevelopment #CodingTips

Самые лучшие обновлённые пакеты за последние 24 часа

google_maps_flutter_web 0.5.13 - плагин для интеграции Google Maps в веб-приложения Flutter. Обновлена минимальная поддерживаемая версия SDK до Flutter 3.29/Dart 3.7, исправлена проблема с consumeTapEvents для кругов, полигонов и полилиний на веб-платформе.
👍 Лайки: 236, 📥 Скачиваний: 397К
https://pub.dev/packages/google_maps_flutter_web

dwds 25.0.2 - позволяет инструментам разработчика работать с веб-приложениями Dart. Исправлена ошибка инициализации, если у DWDS уже есть существующие клиенты.
👍 Лайки: 30, 📥 Скачиваний: 4.1М
https://pub.dev/packages/dwds

flutter_slidable 4.0.1 - используется для создания слайдящихся элементов списка. Исправлена проблема с auto_close_behavior, где не вызывался removeStatusListener.
👍 Лайки: 5940, 📥 Скачиваний: 504К
https://pub.dev/packages/flutter_slidable

map_launcher 4.4.0 - позволяет найти доступные карты на устройстве и запустить их с меткой или показать направления. Теперь поддерживается карта Neshan.
👍 Лайки: 920, 📥 Скачиваний: 163К
https://pub.dev/packages/map_launcher

icons_launcher 3.0.2 - упрощает задачу обновления иконки запуска приложения Flutter. Теперь поддерживает все основные платформы и добавлена поддержка вкусов для macOS.
👍 Лайки: 934, 📥 Скачиваний: 344К
https://pub.dev/packages/icons_launcher

dart_frog 1.2.3 - теперь с стандартизированными опциями анализа и возможностью доступа к захваченным параметрам запроса.
👍 Лайки: 802, 📥 Скачиваний: 22.3К
https://pub.dev/packages/dart_frog

#Flutter #Dart #PubDev #FlutterPulse #FlutterPulseBestPackages #google_maps_flutter_web #dwds #flutter_slidable #map_launcher #icons_launcher #dart_frog

Кнопка с градиентом и анимацией

Привет, подписчики! 👋 Сегодня мы рассмотрим интересный пример создания анимированной кнопки с градиентным фоном во Flutter. 📱✨

Основная идея:
Мы создадим кнопку, у которой при нажатии будет изменяться градиентный фон с анимацией. Для этого мы используем AnimatedGradientButton, который будет обрабатывать анимацию.

Код примера:

class AnimatedGradientButton extends StatefulWidget {
  final Text? label;
  final Gradient gradient;
  final Gradient onPushGradient;
  final Icon? icon;
  final Function()? onPressed;

  AnimatedGradientButton({
    this.label,
    required this.gradient,
    required this.onPushGradient,
    this.icon,
    this.onPressed,
  });

  @override
  _AnimatedGradientButtonState createState() => _AnimatedGradientButtonState();
}

class _AnimatedGradientButtonState extends State<AnimatedGradientButton>
    with TickerProviderStateMixin {
  late AnimationController _controller;
  late Animation<double> _animation;

  @override
  void initState() {
    super.initState();
    _controller = AnimationController(
      duration: Duration(milliseconds: 1000),
      vsync: this,
    );
    _animation = CurvedAnimation(curve: Curves.decelerate, parent: _controller);
  }

  @override
  Widget build(BuildContext context) {
    return AnimatedBuilder(
      animation: _controller,
      builder: (context, child) {
        return Container(
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(24),
            gradient: LinearGradient(
              colors: widget.gradient.colors.map((color) => Color.lerp(
                color,
                widget.onPushGradient.colors[widget.gradient.colors.indexOf(color)],
                _animation.value,
              )).toList(),
            ),
          ),
          child: MaterialButton(
            onPressed: () {
              _controller.forward();
              widget.onPressed?.call();
              _controller.reverse();
            },
            child: widget.label,
          ),
        );
      },
    );
  }
}

Как это работает:
1. Мы оборачиваем MaterialButton в контейнер с градиентным фоном.
2. При нажатии на кнопку запускается анимация, которая изменяет градиент от исходного к целевому.
3. Color.lerp используется для плавного перехода между цветами градиента.

Перспективы:
- Можно создать собственный объект рендеринга.
- Полностью переработать кнопку без использования MaterialButton.
- Расширить ButtonStyleButton как обычные кнопки.

Оцените новую рубрику и напишите в комментариях, что хотели бы увидеть дальше! 👍 Оцените пост и подпишитесь 😉

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

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #UIUX #Animation #FlutterTips #DartLang #GradientButton #AnimatedButton

Обзор пакетов на тему "Списки" для Flutter 📝

flutter_slidable 🔄
Пакет позволяет создавать списки с элементами, которые можно сдвигать в разные стороны, вызывая различные действия.
👍 Лайки: 5940, 📥 Скачиваний: 504К
Последнее обновление 📅: 16 часов назад
https://pub.dev/packages/flutter_slidable

drag_and_drop_lists 📈
Этот пакет позволяет создавать списки с возможностью перетаскивания элементов между собой и внутри списков.
👍 Лайки: 445, 📥 Скачиваний: 13.2К
Последнее обновление 📅: 8 месяцев назад
https://pub.dev/packages/drag_and_drop_lists

searchable_listview 🔍
Этот пакет позволяет легко фильтровать списки, поддерживает асинхронные списки, сортировку, пагинацию и многое другое.
👍 Лайки: 256, 📥 Скачиваний: 3.85К
Последнее обновление 📅: 24 дня назад
https://pub.dev/packages/searchable_listview

animated_reorderable_list 🔄
Пакет позволяет создавать анимированные списки и сетки с функцией перетаскивания элементов.
👍 Лайки: 168, 📥 Скачиваний: 12.2К
Последнее обновление 📅: 4 месяца назад
https://pub.dev/packages/animated_reorderable_list

indexed_list_view 📊
Пакет позволяет создавать списки с возможностью мгновенного перехода к любому элементу по индексу.
👍 Лайки: 223, 📥 Скачиваний: 1.98К
Последнее обновление 📅: 9 месяцев назад
https://pub.dev/packages/indexed_list_view

flutter_swipe_action_cell 🚀
Этот пакет позволяет создавать ячейки, которые можно свайпать, как в iOS.
👍 Лайки: 448, 📥 Скачиваний: 19.6К
Последнее обновление 📅: 10 месяцев назад
https://pub.dev/packages/flutter_swipe_action_cell

#flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #flutter_slidable #drag_and_drop_lists #searchable_listview #animated_reorderable_list #indexed_list_view #flutter_swipe_action_cell

Самые лучшие обновлённые пакеты за последние 24 часа

flutter_multi_formatter 2.13.9
Плагин для форматирования телефонных номеров, кредитных карт, денег и других данных в приложениях Flutter.
В новой версии добавлена маска телефонного номера для Финляндии.
👍 Лайки: 594, 📥 Скачиваний: 155К
https://pub.dev/packages/flutter_multi_formatter

flutter_inapp_purchase 6.4.3
Плагин для реализации покупок внутри приложения в Flutter, соответствуя спецификации Open IAP.
В новой версии исправлены ошибки, улучшена безопасность типов и добавлена поддержка миллисекундных меток времени для полей даты.
👍 Лайки: 421, 📥 Скачиваний: 6.5К
https://pub.dev/packages/flutter_inapp_purchase

bottom_picker 4.1.1
Плагин для создания красивых и настраиваемых нижних выборщиков в приложениях Flutter.
В новой версии исправлена ошибка и добавлен флаг SafeArea для управления видимостью области безопасности в виджете bottom picker.
👍 Лайки: 343, 📥 Скачиваний: 14.9К
https://pub.dev/packages/bottom_picker

gql_code_builder 0.15.0
Плагин для генерации полезных классов из документов GraphQL и SDL.
В новой версии удален параметр allocator из публичных API, а также улучшена разделение задач между генерацией кода и управлением импортом.
👍 Лайки: 5, 📥 Скачиваний: 223К
https://pub.dev/packages/gql_code_builder

pdfrx 2.1.5
Плагин для просмотра PDF-файлов в приложениях Flutter.
В новой версии исправлена ошибка, связанная с перезагрузкой документа при каждом изменении виджета.
👍 Лайки: 246, 📥 Скачиваний: 216К
https://pub.dev/packages/pdfrx

Flame 1.31.0
Игровой движок на основе Flutter, предназначенный для создания игр.
В новой версии исправлены ошибки, добавлена поддержка моделирования и рендеринга в 3D, а также skeletal анимаций.
👍 Лайки: 2210, 📥 Скачиваний: 86К
https://pub.dev/packages/flame

#flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages #flutter_multi_formatter #flutter_inapp_purchase #bottom_picker #gql_code_builder #pdfrx #Flame

Работаем с клавиатурными сокращениями

При создании приложений для Flutter Web или Desktop, важно обеспечить удобное управление клавиатурными сокращениями. В этом нам помогут виджеты Shortcuts и Actions! 🚀

Shortcuts - это виджет, который создаёт привязку клавиш к определённым действиям для своих потомков. Всё просто: вы предоставляете карту клавиш и интенций (Intent).

Actions - этот виджет позволяет потомкам вызывать действия, определённые в родителе. Его можно использовать как вместе с Shortcuts, так и отдельно 😉

Давайте рассмотрим пример кода:

// Это просто используется для указания нужного действия
class SelectAllIntent extends Intent {}

@override
Widget build(BuildContext context) {
  return Shortcuts(
    shortcuts: <LogicalKeySet, Intent>{
      LogicalKeySet(LogicalKeyboardKey.control, LogicalKeyboardKey.keyA): SelectAllIntent(),
    },
    child: Actions(
      dispatcher: LoggingActionDispatcher(),
      actions: <Type, Action<Intent>>{
        SelectAllIntent: SelectAllAction(),
      },
      child: Builder(
        builder: (BuildContext context) => TextButton(
          onPressed: Actions.handler<SelectAllIntent>(context, SelectAllIntent()),
          child: const Text('SELECT ALL'),
        ),
      ),
    ),
  );
}

// Action будет содержать логику, которую вы хотите выполнить при срабатывании клавиатурного сокращения
class SelectAllAction extends Action<SelectAllIntent> {
  @override
  void invoke(covariant SelectAllIntent intent) {
    // делайте то, что вам нужно
  }
}

В этом примере мы создаём клавиатурное сокращение Ctrl+A для вызова действия SelectAllAction. Просто и удобно! 👍

Оцените нашу новую рубрику и напишите, о чём бы вы хотели узнать в следующий раз 🤔

Все подобные советы ищите по хэштегу #FlutterPulseTips

#flutter #dart #flutterpulse #FlutterPulseTips #FlutterTips #MobileDev #KeyboardShortcuts #FlutterDev #CodingTips

Обзор пакетов на тему "Отладка и логирование" (Debugging & Logging)

Talker Flutter 🚀
Пакет для обработки ошибок и логирования в ваших приложениях. 📝
Логируйте действия вашего приложения, перехватывайте и обрабатывайте исключения и ошибки, отображайте оповещения и делитесь отчетами о логах.
👍 Лайки: 569, 📥 Скачиваний: 240К
Последнее обновление 📅: 5 дней назад
https://pub.dev/packages/talker_flutter

Talker
Продвинутый обработчик ошибок и логгер для приложений на Dart и Flutter.
Логирование действий приложения, ловля и обработка исключений и ошибок, показ оповещений и деление отчетов о логах.
👍 Лайки: 753, 📥 Скачиваний: 319К
Последнее обновление 📅: 5 дней назад
https://pub.dev/packages/talker

Logging
Простой и гибкий инструмент для логирования в ваших приложениях на Dart.
Настраивайте уровень логирования, добавляйте обработчики лог-сообщений и многое другое.
👍 Лайки: 945, 📥 Скачиваний: 7.59М
Последнее обновление 📅: 10 месяцев назад
https://pub.dev/packages/logging

Stack Trace
Пакет для Dart, облегчающий работу со стеками вызовов!
Позволяет парсить, инспектировать и манипулировать стеками вызовов, а также форматировать их в читаемый вид.
👍 Лайки: 330, 📥 Скачиваний: 7.02М
Последнее обновление 📅: 8 месяцев назад
https://pub.dev/packages/stack_trace

Logger 📈
Легкий в использовании и расширяемый логгер, который выводит красивые логи.
👍 Лайки: 3580, 📥 Скачиваний: 2.08М
Последнее обновление 📅: 34 дня назад
https://pub.dev/packages/logger

Leak Tracker
Пакет для обнаружения проблем с памятью в приложениях на Dart и Flutter.
👍 Лайки: 167, 📥 Скачиваний: 4.4М
Последнее обновление 📅: 4 месяца назад
https://pub.dev/packages/leak_tracker

#talker #talkerflutter #logging #stacktrace #logger #leaktracker #flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages

Самые лучшие обновлённые пакеты за последние 24 часа

screen_brightness 2.1.7 - Плагин для Flutter, который позволяет контролировать яркость экрана в приложении.
В обновлении: обновлены версии Android SDK, Kotlin и Gradle.
👍 Лайки: 148, 📥 Скачиваний: 141К
https://pub.dev/packages/screen_brightness

Vania 1.0.2+2 - Мощный фреймворк для создания высокопроизводительных веб-приложений на Dart.
Теперь с исправлением проблемы с именами параметров в Postgres для QueryBuilder.
👍 Лайки: 161, 📥 Скачиваний: 338
https://pub.dev/packages/vania

firebase_cached_image 0.9.0 - Пакет для кэширования изображений и файлов из Firebase Cloud Storage в приложениях Flutter.
Теперь он поддерживает работу на веб-платформе (по умолчанию отключено).
👍 Лайки: 35, 📥 Скачиваний: 1.7К
https://pub.dev/packages/firebase_cached_image

appsflyer_sdk 6.17.3 - Пакет для интеграции сервиса AppsFlyer в мобильные приложения, позволяя отслеживать установки, события и покупки.
В новой версии обновлены SDK для Android и iOS, добавлен новый API для проверки покупок, улучшено обработка ошибок и унифицирована структура данных для покупок.
👍 Лайки: 158, 📥 Скачиваний: 681К
https://pub.dev/packages/appsflyer_sdk

screen_brightness_android 2.1.3 - Пакет для управления яркостью экрана в Android-приложениях.
Теперь с обновленными версиями Android SDK, Kotlin и Gradle.
👍 Лайки: 0, 📥 Скачиваний: 176К
https://pub.dev/packages/screen_brightness_android

bdd_widget_test 2.0.0 - Библиотека для тестирования виджетов в стиле BDD (Behavior-Driven Development) с использованием языка Gherkin.
Теперь доступна версия 2.0.0, в которой обновлены зависимости, удалены неиспользуемые зависимости, улучшена обработка исключений в хуках и больше не предоставляются предустановленные шаги.
👍 Лайки: 169, 📥 Скачиваний: 204К
https://pub.dev/packages/bdd_widget_test

#flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages #screen_brightness #Vania #firebase_cached_image #appsflyer_sdk #screen_brightness_android #bdd_widget_test

🚀 Расширяем возможности Flutter с помощью FFI: Вызываем функции из GO!

Привет, Flutter-энтузиасты! Руслан подготовил 🔥горячее видео, которое откроет вам мир межъязыкового взаимодействия. Узнайте, как заставить Dart и Go работать в тандеме через FFI (Foreign Function Interface)!

👉 Смотрите видео здесь:
Расширяем возможности Flutter с помощью FFI. Вызываем функции из GO

В этом выпуске вы узнаете:
🔹 Как передавать строки между Dart и Go (и обратно!)
🔹 Особенности работы с памятью и Garbage Collector
🔹 Магию горутин (goroutine) и defer
🔹 Практические примеры вызова Go-кода из Flutter-приложений

✨ Почему это важно?
Вы сможете использовать сильные стороны Go (например, многопоточность через горутины) в своих Flutter-проектах! Автор наглядно показывает процесс компиляции, преобразования типов и управления памятью.

💡 В следующих выпусках:
- Работа с Rust, Python и C++ через FFI
- Продвинутые техники оптимизации


🔥 P.S. Увидите, как Go-горутины ускоряют вычисления в сравнении с Dart-изолятами!

#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
#FFI #Golang #MobileDevelopment #CrossPlatform

👉 Больше полезного в плейлисте: #FlutterPulseYoutube

Шпаргалка по Dart map

Maps are fast - Карты работают быстро

Карта - это коллекция пар ключ/значение. Значение извлекается из карты с помощью связанного с ним ключа.

В Dart существует 3 типа карт:
- HashMap - неупорядоченная
- LinkedHashMap - упорядоченная по порядку вставки
- SplayTreeMap - упорядоченная по ключам

// Простая карта со строковым ключом: строковым значением
var data = {'name': 'John Doe', 'occupation': 'gardener'};
// карта, типизированная с помощью конструктора Map<String, String>()
var data2 = <int, String>{1: 'sky', 2: 'falcon', 3: 'rock'};

Преобразование списка в карту

// преобразование списка в карту
var resultMap = Map.fromIterable(list, key: (v) => v[0], value: (v) => v[1]);
// или
var result = { for (var v in list) v[0]: v[1] };
// или просто используя метод asMap() для автоматического индексирования
var result = ["test","test2","test3"].asMap(); // {0: test, 1: test2, 2: test3}

Зачем использовать карту?

Доступ к элементу в списке с использованием indexOf или contains имеет сложность O(n).

Доступ к элементу или проверка его наличия в карте занимает O(1).

Карты выигрывают в этом

Как создать неизменяемую карту?

https://pub.dev/packages/built_collection - Этот пакет предоставляет способы создания неизменяемых карт (разработан командой Dart).

Функции карты

var details = {'Usrname': 'bruce', 'Password': 'mypas'};
  // добавление
  details['Uid'] = '3802983209A';
  // обновление
  details.putIfAbsent("Uid", () => "3802983209A");
  // преобразование в другую карту
  details.map((key, value) => MapEntry(key, "$key:$value"));
  // приведение к другому типу
  details.cast<int, int>();
  // проверка наличия ключа
  details.containsKey("key"); // сложность O(1)
  // копирование
  var copy = {...details};
  // обновление
  details.update("Usrname", (value) => "joker");

Оцените новую рубрику! 👍💬

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

#flutter #dart #flutterpulse #FlutterPulseTips #DartTips #MobileDevelopment #ProgrammingTips #Coding #FlutterCommunity

Обзор пакетов на тему "Аватары, изображения профилей и чат-хеды"

📦 Avatar Plus - создавайте уникальные аватары для ваших приложений на основе текста. Возможности: генерация уникальных аватаров, настройка аватаров, более 12 миллиардов возможных уникальных аватаров.
👍 Лайки: 46, 📥 Скачиваний: 589
📅 Последнее обновление: 11 месяцев назад
https://pub.dev/packages/avatar_plus

📦 flutter_boring_avatars - создавайте уникальные аватары на основе имени пользователя и цветовой палитры. Пакет поддерживает анимацию перехода и настраиваемые формы.
👍 Лайки: 34, 📥 Скачиваний: 1.04К
📅 Последнее обновление: 11 месяцев назад
https://pub.dev/packages/flutter_boring_avatars

📦 Advanced Avatar - создайте уникальные аватары для вашего приложения с помощью богатого API для настройки виджетов. Включает темы для светлого и темного режимов.
👍 Лайки: 107, 📥 Скачиваний: 3.75К
📅 Последнее обновление: 9 месяцев назад
https://pub.dev/packages/flutter_advanced_avatar

📦 Avatar Brick - автоматически отображает инициалы имени, если аватар недоступен. Поддерживает различные форматы изображений и позволяет настраивать размер, цвет и стиль аватара.
👍 Лайки: 30, 📥 Скачиваний: 75
📅 Последнее обновление: 3 месяца назад
https://pub.dev/packages/avatar_brick

📦 Avatar Stack - пакет Avatar Stack позволяет визуально представить пользователей, места и объекты в ограниченном пространстве. Он поддерживает анимацию, настройку выравнивания и перекрытия элементов.
👍 Лайки: 182, 📥 Скачиваний: 5.21К
📅 Последнее обновление: 7 месяцев назад
https://pub.dev/packages/avatar_stack

#AvatarPlus #flutter_boring_avatars #AdvancedAvatar #AvatarBrick #AvatarStack #flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages

Новые пакеты за неделю

flutter_logs_yoer
Пакет для логирования в Flutter, который позволяет создавать файлы логов с возможностью фильтрации, сортировки и экспорта в формате zip.
👍 Лайки: 1, 📥 Скачиваний: 307
https://pub.dev/packages/flutter_logs_yoer

video_view
Пакет для легкого воспроизведения видео в приложениях Flutter, поддерживающий субтитры и переключение аудиодорожек.
👍 Лайки: 3, 📥 Скачиваний: 658
https://pub.dev/packages/video_view

komodo_defi_sdk
Пакет для создания кроссплатформенных кошельков и приложений DeFi на основе Komodo, включающий функции аутентификации, активации активов и вывода средств.
👍 Лайки: 8, 📥 Скачиваний: 4
https://pub.dev/packages/komodo_defi_sdk

anti_intip_variabel
Пакет для защиты секретов в приложениях Flutter/Dart, использующий технику XOR-обфускации для защиты API-ключей и токенов.
👍 Лайки: 1, 📥 Скачиваний: 327
https://pub.dev/packages/anti_intip_variabel

json_factory_generator
Пакет-генератор кода для Dart, создающий централизованные, типобезопасные фабрики JSON для моделей.
👍 Лайки: 7, 📥 Скачиваний: 153
https://pub.dev/packages/json_factory_generator

flame_3d
Экспериментальная реализация 3D поддержки для Flame, с фокусом на исследовании потенциальных возможностей 3D.
👍 Лайки: 32, 📥 Скачиваний: 160
https://pub.dev/packages/flame_3d

#flutter #dart #pubdev #FlutterPulse #FlutterPulseBestNewPackages #firebase_messaging #flutter_logs_yoer #video_view #komodo_defi_sdk #anti_intip_variabel #json_factory_generator #flame_3d

Самые лучшие обновлённые пакеты за последние 24 часа

vector_graphics_compiler 1.1.19
Плагин для компиляции SVG-файлов в формат, который может быть отображен runtime vector_graphics. Теперь поддерживается версия xml до 6.6.1 и минимальная версия SDK Flutter 3.29/Dart 3.7.
👍 Лайки: 107, 📥 Скачиваний: 3.1М
https://pub.dev/packages/vector_graphics_compiler

flutter_local_notifications 19.4.1
Пакет для отображения локальных уведомлений на различных платформах. В новой версии исправлена проблема с добавлением невидимого флага к действиям уведомлений.
👍 Лайки: 7080, 📥 Скачиваний: 1.36М
https://pub.dev/packages/flutter_local_notifications

syncfusion_flutter_charts 30.2.6+1
Пакет для создания красивых и высокопроизводительных графиков в приложениях Flutter. В новой версии исправлена ошибка, связанная с авто-прокруткой при изменении размера экрана.
👍 Лайки: 3540, 📥 Скачиваний: 274К
https://pub.dev/packages/syncfusion_flutter_charts

dwds 25.0.3
Пакет для обеспечения совместимости инструментов разработки Dart с веб-приложениями. В новой версии исправлена ошибка при горячем перезапуске с веб-сокетом.
👍 Лайки: 30, 📥 Скачиваний: 4М
https://pub.dev/packages/dwds

syncfusion_flutter_datepicker 29.1.39
Пакет для создания удобных виджетов выбора дат в приложениях Flutter. Теперь минимальная версия Dart обновлена до 3.7.
👍 Лайки: 1590, 📥 Скачиваний: 182К
https://pub.dev/packages/syncfusion_flutter_datepicker

#flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages #vector_graphics_compiler #flutter_local_notifications #syncfusion_flutter_charts #dwds #syncfusion_flutter_datepicker

Изменение яркости системной панели
Отобразить системную панель с правильной яркостью на iOS и Android 🚀

При разработке мобильных приложений важно обеспечить корректное отображение системной панели на разных платформах. В этой статье мы рассмотрим, как изменить яркость системной панели в приложениях Flutter для iOS и Android.

Код для изменения яркости системной панели:

SystemChrome.setSystemUIOverlayStyle(
SystemUIOverlayStyle(
statusBarColor: Colors.transparent, // Прозрачный цвет статус-бара
statusBarBrightness: // Установка яркости статус-бара в зависимости от темы
mode == ThemeMode.light ? Brightness.light : Brightness.dark,
statusBarIconBrightness: // Установка яркости иконок статус-бара в зависимости от темы
mode == ThemeMode.light ? Brightness.dark : Brightness.light,
),
);


Обратите внимание:
- statusBarBrightness применяется только на Android.
- statusBarIconBrightness также применяется только на Android, но с инвертированными значениями для iOS.

Особенности для iOS: 🤔
На iOS строка состояния может быть изначально скрыта. Чтобы отобразить ее, откройте ваш проект в Xcode и убедитесь, что свойство status bar initially hidden не отмечено.

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

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

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDev #iOS #Android #FlutterTips #DevTips

Обзор пакетов на тему "Датчики" (Sensors)

sensors_plus - пакет для доступа к акселерометру, гироскопу, магнитометру и барометру на Android, iOS, MacOS, Linux и Windows. 👍 Лайки: 952, 📥 Скачиваний: 352К
Последнее обновление 📅: 14 дней назад
https://pub.dev/packages/sensors_plus

ir_sensor_plugin - пакет для использования инфракрасного датчика в ваших приложениях Flutter. Поддерживается только Android. 👍 Лайки: 34, 📥 Скачиваний: 158
Последнее обновление 📅: 8 месяцев назад
https://pub.dev/packages/ir_sensor_plugin

carp_mobile_sensing - пакет для создания кроссплатформенных приложений для сбора данных с мобильных устройств. Поддерживает iOS и Android. 👍 Лайки: 22, 📥 Скачиваний: 1.9К
Последнее обновление 📅: 3 месяца назад
https://pub.dev/packages/carp_mobile_sensing

flutter_compass - пакет для создания компаса в ваших Flutter-приложениях. Возвращает направление от 0 до 360 градусов, где 0 - север. 👍 Лайки: 186, 📥 Скачиваний: 53К
Последнее обновление 📅: 9 месяцев назад
https://pub.dev/packages/flutter_compass

ambient_light - пакет для доступа к данным датчика окружающего света на Android, iOS и macOS. 👍 Лайки: 8, 📥 Скачиваний: 1.8К
Последнее обновление 📅: 4 месяца назад
https://pub.dev/packages/ambient_light

light - пакет для сбора данных о внешнем освещении с помощью датчиков окружающей среды Android. 👍 Лайки: 24, 📥 Скачиваний: 5.1К
Последнее обновление 📅: 5 месяцев назад
https://pub.dev/packages/light

#sensors_plus #ir_sensor_plugin #carp_mobile_sensing #flutter_compass #ambient_light #light #flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages