📢 Сенсация в мире Dart: Static Enough Metaprogramming! 🥳
Появилась новая фича в Dart, которая обещает революционизировать процесс разработки! 🤩
После долгих лет ожидания, команда Dart наконец-то решила проблему с макросами и рефлексией. 🙌
Новая спецификация, предложенная Славой Егоровым, позволяет использовать статическое метапрограммирование в Dart! 🚀

Что это значит? 🤔
Это значит, что разработчики смогут использовать часть Dart-кода, который ранее был невозможен в константных выражениях (циклы, условные операторы, списки и таблицы/карты). 📈
Новая фича предлагает введение аннотации @konst, указывающей компилятору выполнить вычисления на этапе компиляции. 📊
Это открывает новые возможности для разработчиков, такие как генерация кода, оптимизация производительности и многое другое! 🚀

Примеры применения 📝
JSON-сериализация, генерация метода hashCode и operator==, или автоматическая маршрутизация запросов можно будет реализовать прямо внутри Dart без дополнительного кодогена! 📈
Мixin DataClass, например, может быть реализован с помощью новой фичи, что упростит разработку и улучшит производительность! 📊

Хотите узнать больше? 🤔
Читайте полную новость здесь:📄
И не забудьте подписаться на канал flutterpulse, чтобы быть в курсе всех последних новостей и обновлений в мире Flutter и Dart! 📱
#flutter #dart #flutterpulse 🚀

Автоматическое перерисовывание холста с помощью ChangeNotifier

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

Вы когда-нибудь сталкивались с ситуацией, когда ваш CustomPainter не обновлялся автоматически при изменении данных? 🤔 Это может быть раздражающим, особенно когда вы работаете с динамическим содержимым. Но не волнуйтесь, у нас есть решение! 😊

Использование ChangeNotifier для автоматического обновления

Один из способов обеспечить автоматическое перерисовывание холста — использовать ChangeNotifier. Давайте разберемся, как это работает: 🔍

class WaveModel extends ChangeNotifier {
  // ...
  void notify() => notifyListeners(); // Уведомляем слушателей об изменении
}

class WorldPainter extends CustomPainter {
  final WaveModel model;

  WorldPainter({required this.model}) : super(repaint: model);

  @override
  bool shouldRepaint(covariant WorldPainter oldDelegate) => false;
}

В этом примере WaveModel расширяет ChangeNotifier и уведомляет своих слушателей при вызове метода notify(). 🔔

WorldPainter, который расширяет CustomPainter, принимает WaveModel в качестве параметра и передает его в конструктор суперкласса с параметром repaint. 🔄 Это означает, что всякий раз, когда WaveModel уведомляет своих слушателей, WorldPainter будет перерисовываться автоматически. 🎨

Преимущества этого подхода

* Автоматическое обновление холста при изменении данных 🔄
* Упрощение кода за счет использования встроенных механизмов Flutter 📚
* Повышение производительности приложения за счет оптимального управления отрисовкой 🚀

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

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

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #UIUX #CodingTips #AppDevelopment

Обзор пакетов на тему Индикаторы: Загрузка, Обновление, Прогресс

Loader Overlay - пакет для Flutter, позволяющий легко создавать экраны загрузки и блокировать взаимодействие пользователя с экраном во время асинхронной обработки. 👍 Лайки: 530, 📥 Скачиваний: 53.5К
Последнее обновление 📅: 6 месяцев назад
https://pub.dev/packages/loader_overlay

Custom Refresh Indicator - пакет для Flutter, позволяющий создавать свои собственные индикаторы обновления. 👍 Лайки: 946, 📥 Скачиваний: 257К
Последнее обновление 📅: 11 месяцев назад
https://pub.dev/packages/custom_refresh_indicator

Loading Animation Widget - пакет для Flutter, предназначенный для создания анимаций загрузки в ваших приложениях. 👍 Лайки: 1880, 📥 Скачиваний: 108К
Последнее обновление 📅: 9 месяцев назад
https://pub.dev/packages/loading_animation_widget

Sn Progress Dialog - пакет для Flutter, позволяющий создавать диалоговые окна прогресса для отображения статуса выполнения задач. 👍 Лайки: 272, 📥 Скачиваний: 6.2К
Последнее обновление 📅: 6 месяцев назад
https://pub.dev/packages/sn_progress_dialog

Loading Overlay - пакет для Flutter, позволяющий упростить отображение модального индикатора прогресса в ваших приложениях. 👍 Лайки: 188, 📥 Скачиваний: 11.2К
Последнее обновление 📅: 8 месяцев назад
https://pub.dev/packages/loading_overlay

Percent Indicator - пакет для Flutter, позволяющий создавать круговые и линейные индикаторы прогресса с анимацией и настраиваемыми параметрами. 👍 Лайки: 2710, 📥 Скачиваний: 836К
Последнее обновление 📅: 2 месяца назад
https://pub.dev/packages/percent_indicator

#LoaderOverlay #CustomRefreshIndicator #LoadingAnimationWidget #SnProgressDialog #LoadingOverlay #PercentIndicator #flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages

🎯 Dart — полный курс для начинающих. Максимальная подготовка к Flutter

🔥 21 ЧАС мощного видеокурса от MAD Teacher уже на YouTube! Это абсолютный маст-хэв для всех, кто хочет с нуля освоить Dart и уверенно шагнуть в мир Flutter.

📺 СМОТРЕТЬ КУРС:
👉 https://www.youtube.com/watch?v=Na_Qjvx8piI

💡 Что внутри:
Ты пройдёшь путь от установки и настройки окружения до продвинутого сетевого и асинхронного программирования. Рассмотрены все типы данных, функции, замыкания, ООП, файлы, JSON, Future, Stream, Isolate, TCP, HTTP и ещё много чего!

📌 Таймкоды главных тем (прямые ссылки):

🔧 Установка и типы данных:
00:00 — Вводное слово
01:00 — Установка Dart
11:13 — int, double
29:20 — bool
49:15 — String
01:25:10 — List
02:14:25 — Map
02:36:44 — Set
02:54:10 — Record

⚙️ Управление потоком, функции:
04:27:05 — if-else
05:05:10 — switch, pattern matching
06:26:57 — Функции
07:33:03 — Замыкания
08:47:02 — Классы

🏗 ООП и расширения:
10:27:06 — Наследование и полиморфизм
11:52:15 — Sealed классы
12:30:29 — Extension methods
13:00:46 — Generics
13:36:58 — Обработка исключений

📂 Работа с файлами, сетью и асинхронностью:
14:05:20 — Работа с файлами
15:24:58 — JSON и кодогенерация
16:00:10 — Future
16:59:10 — Stream
18:11:47 — Isolate
19:04:17 — TCP/UDP/HTTP

🚀 Завершение и сборка:
20:06:40 — Сборка приложения
21:01:07 — Финал

📚 Код к курсу найдёте тут
Книга по основам DART и описание вот тут
#dart #flutter #madteacher #tutorial #курс #21час #программирование #обучение #FlutterPulse

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

cep_fetcher
Получайте данные об адресе по почтовому индексу (CEP) с помощью этого пакета, который использует несколько API для обеспечения максимальной доступности данных.
👍 Лайки: 12, 📥 Скачиваний: 286
Узнайте больше: https://pub.dev/packages/cep_fetcher

appdraft_plugin
Пакет для продвинутого управления и распространения обновлений приложений.
👍 Лайки: 2, 📥 Скачиваний: 324
Подробнее: https://pub.dev/packages/appdraft_plugin

vietqr_core
Пакет для работы с VietQR-кодами теперь доступен!
Этот пакет позволяет кодировать и декодировать данные VietQR в соответствии со стандартом EMVCo. Поддерживает более 18 банков Вьетнама.
👍 Лайки: 9, 📥 Скачиваний: 202
Узнать больше: https://pub.dev/packages/vietqr_core

card_stack_swiper
Этот пакет позволяет создавать стек-карточки с возможностью свайпа в любом направлении. Поддерживает Android и iOS.
👍 Лайки: 9, 📥 Скачиваний: 107
Узнать больше: https://pub.dev/packages/card_stack_swiper

dot_face_core
Этот плагин предоставляет компоненты для захвата лица и связанных функций, которые легко интегрируются в проекты Flutter.
👍 Лайки: 1, 📥 Скачиваний: 342
Узнать больше: https://pub.dev/packages/dot_face_core

video_view
Он поддерживает субтитры и переключение аудиодорожек, а также использует системные или приложенные компоненты для бесшовного воспроизведения.
👍 Лайки: 2, 📥 Скачиваний: 871
Подробнее: https://pub.dev/packages/video_view

#flutter #dart #pubdev #FlutterPulse #FlutterPulseBestNewPackages #cep_fetcher #appdraft_plugin #vietqr_core #card_stack_swiper #dot_face_core #video_view

Технический дизайн - это важнейший этап в разработке любого проекта, особенно когда речь идет о создании сложных приложений с использованием Flutter и Dart! 🚀💻
В нашей новой статье "Этапы технического дизайна на примере Flutter" мы расскажем, как с помощью технического дизайна ускорить разработку и обеспечить проект качественной документацией 📝💡.
Узнайте, как правильно спланировать свой проект, чтобы снизить количество ошибок, сэкономить время и повысить качество кода 🕒💻.
Читайте полную статью на нашем сайте и откройте для себя новые возможности с Flutter и FlutterPulse! 📚👉 читать здесь #flutter #dart #flutterpulse 💻📈

Flutter Canvas: что делают canvas.save() и canvas.restore()?

Привет, разработчики Flutter! 👋 Сегодня мы рассмотрим важный аспект работы с Canvas во Flutter - методы save() и restore(). Эти методы крайне полезны при создании сложных графических элементов и анимаций. 🔍

Когда вы работаете с Canvas, вы часто выполняете различные трансформации, такие как вращение, масштабирование или перемещение. Эти трансформации изменяют текущее состояние Canvas, и иногда вам нужно временно сохранить это состояние, чтобы позже вернуться к нему. Именно здесь на помощь приходят save() и restore(). 🔄

canvas.save() сохраняет текущее состояние Canvas, включая все примененные трансформации и настройки отрисовки. Это позволяет вам временно изменить состояние Canvas, выполнив необходимые операции, а затем вернуться к сохраненному состоянию с помощью canvas.restore().

Рассмотрим пример кода:

class WorldPainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    canvas.save(); // сохраняем текущее положение
    canvas.translate(size.width/2, size.height/2); // перемещаемся в центр
    ...
    canvas.drawLine(Offset(0, 0), model.offset, whitePainter); // выполняем необходимые действия
    canvas.restore(); // сбрасываем до последнего сохраненного положения
  }
}

В этом примере мы сохраняем текущее состояние Canvas перед тем, как переместиться в центр экрана. После выполнения необходимых операций мы восстанавливаем сохраненное состояние, возвращая Canvas в исходное положение.

Использование save() и restore() позволяет вам создавать сложные графические элементы, сохраняя чистоту и управляемость кода. 💻

Оцените нашу новую рубрику и оставьте свои комментарии! 💬 Все подобные новости вы можете найти по хэштегу #FlutterPulseTips. Не забудьте подписаться и следить за новыми советами и трюками! 😉

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #CanvasTips #FlutterTips #ProgrammingTips