Flutter Pulse
434 subscribers
286 photos
587 links
На канале будут новости про flutter с сайтов, информация об обновлении пакетов, а также авторский контент.
Download Telegram
Создаём изображение из виджета с помощью пакета

Привет, разработчики Flutter! 👋 Сегодня мы рассмотрим полезный совет по созданию изображения из виджета без его отображения на экране, используя пакет screenshot. 📸

Шаг 1: Установка пакета screenshot
Для начала необходимо установить пакет screenshot. Для этого добавьте следующую строку в файл pubspec.yaml и выполните команду flutter pub get:

import 'package:screenshot/screenshot.dart';


Шаг 2: Создание изображения из виджета
Теперь вы можете создать изображение из любого виджета, указав его размер и соотношение пикселей. Вот пример кода:


final controller = ScreenshotController();
final imgBytes = await controller.captureFromWidget(
widget, // ваш виджет
targetSize: const Size(320, 520), // размер изображения
pixelRatio: 3, // соотношение пикселей
);



Этот код позволяет вам программно создавать изображения любых виджетов, что может быть полезно для различных задач, например, для создания скриншотов или генерации контента. 📱💻

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

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

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #FlutterTips #CodingTips #AppDevelopment
Самые лучшие обновлённые пакеты за последние 24 часа

safe_device 1.3.2 - пакет для обнаружения взломанных устройств, эмуляторов и mock-локаций в приложениях Flutter. В новой версии произведены значительные изменения в архитектуре, включая переход с Swift на Objective-C для обнаружения взлома на iOS. 👍 Лайки: 327, 📥 Скачиваний: 125К. https://pub.dev/packages/safe_device

fluwx 5.6.0 - плагин для Flutter, позволяющий разработчикам использовать API WeChatSDK. В новой версии добавлена поддержка分享 эмодзи на Android и iOS, а также улучшена документация. 👍 Лайки: 251, 📥 Скачиваний: 6.2К. https://pub.dev/packages/fluwx

flutter_chat_ui 2.6.0 - пакет для создания интерфейса чата в приложениях Flutter. В новой версии добавлены новые функции, такие как scrollToIndex и sendButtonVisibilityMode. 👍 Лайки: 1.5К, 📥 Скачиваний: 77.2К. https://pub.dev/packages/flutter_chat_ui

pro_image_editor 10.0.0 - пакет для редактирования изображений в приложениях Flutter. В новой версии добавлены новые функции, такие как перемещение слоев и дублирование слоев. 👍 Лайки: 400, 📥 Скачиваний: 21К. https://pub.dev/packages/pro_image_editor

posix 6.0.3 - пакет, предоставляющий доступ к API POSIX для MacOS и Linux систем. В обновлении исправлена информация о копирайте. 👍 Лайки: 8, 📥 Скачиваний: 3.1М. https://pub.dev/packages/posix

build_test 3.2.1 - пакет для тестирования утилит для пользователей пакета build. В новой версии добавлена поддержка загрузки файлов с диска. 👍 Лайки: 10, 📥 Скачиваний: 408К. https://pub.dev/packages/build_test

#Flutter #Dart #PubDev #FlutterPulse #FlutterPulseBestPackages #safe_device #fluwx #flutter_chat_ui #pro_image_editor #posix #build_test
🔥 Git: как большие команды пишут код вместе

Привет, коллеги! 👋 Работать в одиночку — одно дело. Но когда над проектом трудится целая команда, всё меняется! 💼 Как синхронизировать код, избежать хаоса и не мешать друг другу? Ответ — в новом полезном видео!

🚀 Что внутри?
👉 Системы контроля версий (спасибо, Git!) — ваш щит от хаоса.
👉 Базовые команды для повседневной работы: коммиты, ветвление, слияние.
👉 Рабочие процессы в больших командах: от пул-реквестов до CI/CD.
👉 Реальные кейсы: как избежать конфликтов и сохранить историю кода чистой.
👉 Фишки для профессионалов: ребейс, теги и секреты эффективного код-ревью.

💡 Почему это must-watch?
Видео — не сухая теория! Автор (технический руководитель платформы Sourcecraft) показывает всё на практике, объясняет сложное простыми словами и делится опытом Яндекса. Вы узнаете:
- Как работать с Git, даже если интернет «умер» 🚇
- Почему ветки должны жить недолго
- Зачем нужны осмысленные коммиты (и как они спасают в будущем!) 🔍

🎬 Смотрите и учитесь:
👉 Git: как большие команды пишут код вместе

💬 «Понимание Git — не про запоминание команд, а про ментальную карту работы системы» — главный посыл ролика.

🔔 Хотите больше полезного?
Подписывайтесь на канал и ищите другие видео по хэштегу #FlutterPulseYoutube! Новые лайфхаки — каждую неделю.

#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
Рисуем текст на холсте
Холст - это интерфейс для рисования непосредственно на экране 🤩

В этом совете мы рассмотрим, как использовать CustomPaint и TextPainter для рисования текста на холсте во Flutter. Это полезно для создания пользовательских виджетов и сложных визуализаций 🎨


import 'package:flutter/material.dart';
import 'dart:ui' as ui;

// Класс виджета, который рисует текст на холсте
class TextOnCanvas extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('Текст на холсте')),
body: CustomPaint(
painter: TextPainterExample(),
child: Container(),
),
);
}
}

// Класс, который расширяет CustomPainter для рисования текста
class TextPainterExample extends CustomPainter {
@override
void paint(Canvas canvas, Size size) {
// Определяем стиль текста
final textStyle = TextStyle(
color: Colors.black,
fontSize: 40,
);

// Создаем TextSpan с текстом и стилем
final textSpan = TextSpan(
text: 'Привет, холст!',
style: textStyle,
);

// Создаем TextPainter для рисования текста
final textPainter = TextPainter(
text: textSpan,
textDirection: ui.TextDirection.ltr,
);

// Вычисляем размер текста
textPainter.layout();

// Определяем позицию, где будет нарисован текст
final offset = Offset(50, 100);

// Рисуем текст на холсте в указанной позиции
textPainter.paint(canvas, offset);
}

@override
bool shouldRepaint(CustomPainter oldDelegate) {
return false;
}
}


Оцените новую рубрику и напишите в комментариях, какие темы вам наиболее интересны! 💬👍
Все подобные новости можно найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #UIUX #CodingTips
Обзор пакетов на тему "Инструменты разработчика" (Developer Tools)

Flutter Flavorizr 🍰
Пакет для создания flavors в ваших Flutter-приложениях.
👍 Лайки: 890, 📥 Скачиваний: 88К
Последнее обновление 📅: 41 день назад
https://pub.dev/packages/flutter_flavorizr

build_runner 🏃‍♂️
Пакет для автогенерации и слежения за файлами в проектах на Dart.
👍 Лайки: 2.2К, 📥 Скачиваний: 4.51М
Последнее обновление 📅: 5 дней назад
https://pub.dev/packages/build_runner

package_config 📦
Утилита для работы с конфигурационными файлами Dart-пакетов.
👍 Лайки: 11, 📥 Скачиваний: 9.14М
Последнее обновление 📅: 3 месяца назад
https://pub.dev/packages/package_config

analyzer 🔍
Пакет для статического анализа кода для инструментов и IDE.
👍 Лайки: 287, 📥 Скачиваний: 11.9М
Последнее обновление 📅: 40 часов назад
https://pub.dev/packages/analyzer

flutter_dotenv 🌟
Загрузите конфигурацию во время выполнения из файла .env и используйте ее во всей вашей Flutter-приложении.
👍 Лайки: 2.05К, 📥 Скачиваний: 655К
Последнее обновление 📅: 8 месяцев назад
https://pub.dev/packages/flutter_dotenv

meta 📈
Утилита для улучшения анализа кода и генерации JavaScript!
👍 Лайки: 456, 📥 Скачиваний: 10.8М
Последнее обновление 📅: 44 дня назад
https://pub.dev/packages/meta

#flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #build_runner #package_config #analyzer #flutter_dotenv #meta #flutter_flavorizr
Самые лучшие обновлённые пакеты за последние 24 часа

file_saver 0.3.0 - пакет для сохранения файлов на различных платформах, включая Android, iOS, Web, Windows, MacOS и Linux. Убраны ошибки и добавлена поддержка метода saveAs для Windows. 👍 Лайки: 431, 📥 Скачиваний: 164К. https://pub.dev/packages/file_saver

location_web 1.0.0 - пакет для реализации геолокации на веб-платформе. Пакет набрал 9 лайков и более 251К скачиваний. 👍 Лайки: 9, 📥 Скачиваний: 251К. https://pub.dev/packages/location_web

flutter_js 0.8.5 - пакет для использования движка JavaScript в приложениях Flutter. Исправлены утечки памяти в QuickJS. 👍 Лайки: 327, 📥 Скачиваний: 102К. https://pub.dev/packages/flutter_js

pro_image_editor 10.1.1 - виджет для редактирования изображений в приложениях Flutter. Исправлена проблема с жестами, добавлен новый виджет GestureInterceptor. 👍 Лайки: 401, 📥 Скачиваний: 21.3К. https://pub.dev/packages/pro_image_editor

story_view 0.9.0 - пакет для создания историй в стиле WhatsApp и Instagram в ваших приложениях. Пакет имеет 781 лайков и 18.4К скачиваний. 👍 Лайки: 781, 📥 Скачиваний: 18.4К. https://pub.dev/packages/story_view

#flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages #file_saver #location_web #flutter_js #pro_image_editor #story_view
🚀 Flutter-архитектура: как избежать хаоса в проектах? Смотрите лекцию от Яндекс Маркета!

Привет, коллеги! Только что наткнулся на 🔥горячее видео, которое перевернёт ваше представление о проектировании приложений. Лектор Саша из команды Яндекс Маркета на Школе мобильной разработки 2025 разложил по полочкам всё, о чем мы часто спорим в кулуарах.

Почему стоит посмотреть?
▫️ Архитектура ≠ холивар — автор честно предупреждает: нет "серебряной пули", но есть работающие принципы
▫️ SOLID, DRY, KISS — не просто буквы, а инструменты выживания в больших проектах
▫️ State-менеджмент на практике — сравнение 6 подходов (от setState до Riverpod) на живом ToDo-приложении
▫️ Ошибки, которые дорого стоят — например, почему циклические зависимости в DI могут "убить" ваше приложение

💡 Особенно зацепило:
"Архитектура — это про будущее. Если думать только о 'здесь и сейчас', бизнес вас быстро заменит". Автор показывает, как проектировать системы, которые:
Легко масштабируются
Позволяют быстро добавлять фичи
Упрощают онбординг новых разработчиков

📽 Полная версия лекции с живыми примерами кода, сравнением Bloc vs Provider и демкой работы с DI:
Flutter-архитектура — ШМР Flutter 2025

👉 P.S. Хотите больше практики? Ищите другие полезные ролики по хэштегу #FlutterPulseYoutube в нашем канале! Подписывайтесь, чтобы не пропустить разборы сложных кейсов.

#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube

🔍 Детали видео: Лекция разделена на 2 части (теория + практика), упоминаются Clean Architecture, MVC/MVVM, Dependency Injection, Backend-Driven UI. Автор акцентирует: слепое следование SOLID так же вредно, как и полный хаос в коде.
Приостановка потока, когда нет подписчиков

Не теряйте события, когда некому их слушать 😉

В Flutter и Dart при работе с потоками (Stream) важно уметь правильно управлять подпиской и событиями. Один из полезных советов - приостанавливать поток, когда нет подписчиков, чтобы не терять важные события.

Пример реализации:



// Этот класс отвечает за рассылку уведомлений приложению
// Он также отвечает за прослушивание уведомлений
class AppEventsDispatcher {
final StreamController<AppEvent> _controller;
late final Stream<AppEvent?> _stream;

Stream<AppEvent?> get stream => _stream;

final List<AppEvent> _onNotificationEventsSubscriber;

AppEventsDispatcher()
: _onNotificationEventsSubscriber = [],
_controller = StreamController() {
_stream = _controller.stream.asBroadcastStream(
onCancel: (c) => c.pause(),
onListen: (el) {
if (el.isPaused) {
el.resume();
}
},
);
}

void dispose() {
_onNotificationEventsSubscriber.clear();
_controller.close();
}

void publish(AppEvent event) {
_controller.add(event);
}
}

final dispatcher = AppEventsDispatcher();
// Публикуем событие
dispatcher.publish(AppEvent('Новое уведомление'));
// Ждём немного
await Future.delayed(Duration(seconds: 1));
// Подписываемся на поток
final subscription = dispatcher.stream.listen((event) {
print('Получено событие: $event');
// так как мы приостановили поток, мы получим события
});



В этом примере мы создаём класс AppEventsDispatcher, который управляет потоком событий AppEvent. Когда нет подписчиков, поток приостанавливается, а при появлении нового подписчика - возобновляется с последнего события.

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

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

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDev #StreamManagement #AppDevelopment #CodingTips
Обзор пакетов на тему Markdown 📚

Flutter Markdown Plus - рендерер Markdown для Flutter! 📝
Поддерживает оригинальный формат Markdown, но не поддерживает встроенный HTML.
👍 Лайки: 43, 📥 Скачиваний: 29.1К
Последнее обновление 📅: 3 месяца назад
https://pub.dev/packages/flutter_markdown_plus

QuickText - упрощайте форматирование текста с помощью markdown-подобного синтаксиса! 💻
Применяйте стили, такие как жирный, курсив, подчеркивание, зачеркивание, цвет и ссылки, прямо в строке.
👍 Лайки: 5, 📥 Скачиваний: 43
Последнее обновление 📅: 7 месяцев назад
https://pub.dev/packages/quick_text

Markdown Latex - отображайте LaTeX в markdown! 📝
Идеально для создания научных и технических документов.
👍 Лайки: 32, 📥 Скачиваний: 3.1К
Последнее обновление 📅: 9 месяцев назад
https://pub.dev/packages/flutter_markdown_latex

markdown_widget - легко отображайте markdown-текст в ваших приложениях Flutter! 📱
Поддерживает таблицу содержания, подсветку кода и работу на всех платформах.
👍 Лайки: 348, 📥 Скачиваний: 612
Последнее обновление 📅: 2 месяца назад
https://pub.dev/packages/markdown_widget

Markdown - парсите Markdown в HTML на клиенте и сервере! 📝
Поддерживает различные расширения Markdown, включая CommonMark и GitHub Flavored Markdown.
👍 Лайки: 312, 📥 Скачиваний: 2.3М
Последнее обновление 📅: 5 месяцев назад
https://pub.dev/packages/markdown

GPT Markdown & LaTeX - рендеринг Markdown и LaTeX контента в ваших приложениях! 📦
Поддерживает широкий спектр функций, включая списки, таблицы, ссылки и многое другое.
👍 Лайки: 161, 📥 Скачиваний: 15К
Последнее обновление 📅: в течение последнего часа
https://pub.dev/packages/gpt_markdown

#flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #markdown #flutter_markdown_plus #quick_text #flutter_markdown_latex #markdown_widget #gpt_markdown