OverflowBar или Wrap?
В чем основные различия между этими двумя виджетами Flutter? 🤔

При создании адаптивных интерфейсов в Flutter часто возникает вопрос о том, какой виджет использовать для размещения дочерних элементов: OverflowBar или Wrap? Давайте разберемся в их основных различиях. 🔍

_buildTestA(BuildContext context) => OverflowBar(
  children: [
    Container(width: 300, height: 100, color: Colors.blue),
    const Card(
      margin: EdgeInsets.all(32),
      child: Text('My Title lorem lorem lorem'),
    ),
    Expanded(child: Container(height: 100, color: Colors.red)),
  ],
);

_buildTestB(BuildContext context) => Wrap(
  children: [
    Container(width: 300, height: 100, color: Colors.blue),
    const Card(
      margin: EdgeInsets.all(32),
      child: Text('My Title lorem lorem lorem'),
    ),
    Expanded(child: Container(height: 100, color: Colors.red)),
  ],
);

OverflowBar и Wrap имеют разные подходы к размещению дочерних элементов. OverflowBar предназначен для размещения элементов в одной строке и не переносит их на новую строку, если они не помещаются. Wrap, наоборот, переносит элементы на новую строку, если они не помещаются в доступное пространство. 🌟

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

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

#flutter #dart #flutterpulse #FlutterPulseTips #mobiledevelopment #appdevelopment #uiux #programmingtips

Обзор пакетов на тему Геолокация и Карты 🗺️

Google Maps for Flutter 📍️
Плагин для добавления виджета Google Maps в ваши Flutter-приложения. Поддерживает Android, iOS и Web.
👍 Лайки: 4490, 📥 Скачиваний: 698К
Последнее обновление 📅: 55 дней назад
https://pub.dev/packages/google_maps_flutter

location 📍️
Пакет для получения местоположения устройства на Android и iOS, а также получения callbacks при изменении местоположения.
👍 Лайки: 3170, 📥 Скачиваний: 223К
Последнее обновление 📅: 54 дня назад
https://pub.dev/packages/location

google_maps 🗺️
Библиотека для использования Google Maps JavaScript API v3 в Dart-скриптах. Используется для создания интерактивных карт на веб-страницах.
👍 Лайки: 123, 📥 Скачиваний: 668К
Последнее обновление 📅: 10 месяцев назад
https://pub.dev/packages/google_maps

Geolocator Plugin 📍️
Пакет для получения доступа к сервисам геолокации на платформах Android и iOS.
👍 Лайки: 5920, 📥 Скачиваний: 1.21М
Последнее обновление 📅: 41 день назад
https://pub.dev/packages/geolocator

Map Launcher 🗺️
Пакет для нахождения установленных карт на устройстве и запуска их с маркером или показа направлений.
👍 Лайки: 918, 📥 Скачиваний: 153К
Последнее обновление 📅: 16 дней назад
https://pub.dev/packages/map_launcher

Flutter Map 🗺️
Пакет для создания кроссплатформенных карт без привязки к конкретным поставщикам.
👍 Лайки: 2040, 📥 Скачиваний: 236К
Последнее обновление 📅: 31 день назад
https://pub.dev/packages/flutter_map

#flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages #google_maps_flutter #location #google_maps #geolocator #map_launcher #flutter_map

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

flutter_hooks 0.8.0+1 - плагин для Flutter, который позволяет упростить код и повысить его повторное использование. В новой версии исправлена ссылка на "Existing hooks" в README.md.
👍 Лайки: 2350, 📥 Скачиваний: 687К
https://pub.dev/packages/flutter_hooks

protobuf 4.2.0 - пакет для поддержки runtime библиотеки protobuf в Dart. В новой версии проведена внутренняя рефакторинг для разделения пакета на библиотеки.
👍 Лайки: 238, 📥 Скачиваний: 1.2М
https://pub.dev/packages/protobuf

speech_to_text 7.3.0 - плагин для распознавания речи на устройствах Android, iOS, MacOS, Web, Linux и Windows. В новой версии добавлена частичная поддержка распознавания речи на Windows.
👍 Лайки: 1510, 📥 Скачиваний: 330К
https://pub.dev/packages/speech_to_text

at_contacts_flutter 4.1.0 - пакет для добавления функциональности управления контактами в приложения на платформе atPlatform. В обновлении были обновлены зависимости at_commons_flutter, at_client и at_client_mobile.
👍 Лайки: 303, 📥 Скачиваний: 674
https://pub.dev/packages/at_contacts_flutter

file_picker 10.3.1 - плагин для выбора одного или нескольких файлов с поддержкой фильтрации по расширениям. В новой версии исправлен обработчик onFileLoading.
👍 Лайки: 4770, 📥 Скачиваний: 2.0М
https://pub.dev/packages/file_picker

wechat_assets_picker 9.7.0 - пакет для выбора изображений, видео и аудио в приложениях Flutter. В новой версии добавлена возможность указать fallback текстовый делегат через assetPickerTextDelegateFromLocale.
👍 Лайки: 829, 📥 Скачиваний: 35.6К
https://pub.dev/packages/wechat_assets_picker

#flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages #flutter_hooks #protobuf #speech_to_text #at_contacts_flutter #file_picker #wechat_assets_picker

🔥 Запускаем код C, Rust или GO через FFI в Flutter! // Демо-занятие курса

Привет, Flutter-разработчики! Готовы вывести свои приложения на новый уровень производительности? 🚀 Сегодня делимся крутым видео, которое покажет, как интегрировать низкоуровневые языки в ваши проекты с помощью FFI (Foreign Function Interface).

👉 Смотреть демо-занятие от курса «Flutter Mobile Developer»

💡 Что внутри?
- Написание функций на C, Rust и GO для вызова из Dart/Flutter.
- Работа со сторонними библиотеками и FFI-плагинами.
- Компиляция кода под разные архитектуры процессоров (ARM, x86 и др.).
- Автоматизация сборки через Makefile и скрипты.
- Реальные кейсы: оптимизация обработки изображений, криптография и даже запуск Python-кода!

🎯 Результаты:
После просмотра вы научитесь:
- Компилировать C/Rust/Go под любые платформы.
- Вызывать нативный код из Flutter-приложений.
- Писать скрипты для упрощения сборки.
- Обходить подводные камни FFI.

👨‍🏫 Эксперт: Руслан Цицер — практикующий разработчик, который разжёвывает сложные темы на понятных примерах.

💬 P.S. Уже пробовали FFI? Делитесь опытом в комментариях! 👇
Если кому интересен Go могу порекомендовать курсы MadTeacher, который также является крутым flutter-разработчиком

#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube

Как протестировать дизайн виджета?

Обеспечьте, чтобы обновления не влияли на то, как ваш виджет отображается для пользователя.

Используйте метод golden file. Это проверит, что дизайн остался таким же, как и на изображении.

Примечание: не смотрите на изображение. Это внутреннее представление, и оно не будет выглядеть так, как при запуске вашего приложения.

testWidgets('Golden test', (WidgetTester tester) async {
  await tester.pumpWidget(MyApp());
  await expectLater(
    find.byType(MyCard),
    matchesGoldenFile('card.png')
  );
});

Теперь запуск ваших тестов обеспечит неизменность дизайна. Например, вы создаете карту, используя некоторые аватары и другие виджеты. Если один из дочерних элементов будет изменен, ваша карта не останется прежней, и вы узнаете об этом.

Как сгенерировать Golden файлы?

flutter test --update-goldens

Это сгенерирует golden файлы для каждого вызова matchesGoldenFile в ваших тестах.

Оцените новую рубрику и напишите своё мнение! 👍💬

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

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #WidgetTesting #GoldenFiles #FlutterTips #DevelopmentTips