Лучшие обновленные пакеты за последние 24 часа!

win32 3.1.4
Пакет win32 предоставляет доступ к Win32 API из Dart. В новой версии исправлена ошибка экспорта crypt32 API.
👍 Лайки: 880, 📥 Скачиваний: 5.4М
https://pub.dev/packages/win32

Flutter Modular 6.4.1
Пакет Flutter Modular предназначен для реализации модульной структуры в ваших проектах на Flutter. В новой версии исправлена ошибка с Dispose в AppModule.
👍 Лайки: 1300, 📥 Скачиваний: 107К
https://pub.dev/packages/flutter_modular

go_router 15.2.0
Пакет go_router используется для декларативного маршрутизации в Flutter. В новой версии добавлены новые методы для типобезопасной маршрутизации.
👍 Лайки: 5320, 📥 Скачиваний: 1.73М
https://pub.dev/packages/go_router

signature 6.1.0
Пакет signature предоставляет высокопроизводительный холст для создания подписей. В новой версии обновлены зависимости и Flutter до версии 3.32.
👍 Лайки: 606, 📥 Скачиваний: 155К
https://pub.dev/packages/signature

file_picker 10.2.0
Пакет file_picker позволяет использовать системный файловый менеджер для выбора файлов. В новой версии добавлена поддержка изображений в формате webp на десктоп-платформах.
👍 Лайки: 4720, 📥 Скачиваний: 1.88М
https://pub.dev/packages/file_picker

shadcn_ui 0.27.2
Пакет shadcn_ui - это набор компонентов пользовательского интерфейса для Flutter. В новой версии исправлены ошибки в компонентах ShadAccordion и ShadContextMenuItem.
👍 Лайки: 608, 📥 Скачиваний: 12.6К
https://pub.dev/packages/shadcn_ui

#win32 #FlutterModular #gorouter #signature #filepicker #shadcnuI #flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages

Обзор пакетов на тему "Маршрутизация" (Routing)

Beamer 1.7.0 🚀
Пакет Beamer позволяет легко реализовать сложные сценарии навигации в вашем приложении. С помощью Beamer вы можете создавать произвольные стеки страниц и легко управлять ими.
👍 Лайки: 1380, 📥 Скачиваний: 74К
📅 Последнее обновление: 8 месяцев назад
https://pub.dev/packages/beamer

auto_route_generator 10.2.3 🚀
Генератор для библиотеки auto_route, упрощающий навигацию в ваших приложениях.
👍 Лайки: 156, 📥 Скачиваний: 319К
📅 Последнее обновление: 37 дней назад
https://pub.dev/packages/auto_route_generator

SwipeablePageRoute 0.4.7 🚀
Этот пакет позволяет создавать страницы, которые можно закрыть свайпом влево или вправо. Поддерживает анимацию morphing для AppBar и SliverAppBar.
👍 Лайки: 311, 📥 Скачиваний: 9.3К
📅 Последнее обновление: 5 месяцев назад
https://pub.dev/packages/swipeable_page_route

auto_route 10.1.0+1 🚀
Популярный инструмент навигации для Flutter, позволяющий создавать маршруты с сильной типизацией, глубокие ссылки и многое другое.
👍 Лайки: 3270, 📥 Скачиваний: 203К
📅 Последнее обновление: 37 дней назад
https://pub.dev/packages/auto_route

go_router_builder 3.0.1 🚀
Этот пакет позволяет создавать типизированные маршруты для навигации в вашем приложении. С его помощью вы можете определить маршруты с обязательными и необязательными параметрами, а также использовать кодогенерацию для автоматического создания boilerplate-кода.
👍 Лайки: 255, 📥 Скачиваний: 160К
📅 Последнее обновление: 16 дней назад
https://pub.dev/packages/go_router_builder

Go Router 16.0.0 🚀
Пакет предназначен для упрощения навигации между экранами в вашем приложении. Он поддерживает URL-шаблоны, глубокие ссылки, редиректы и многое другое.
👍 Лайки: 5340, 📥 Скачиваний: 1.94М
📅 Последнее обновление: 3 дня назад
https://pub.dev/packages/go_router

#Beamer #auto_route_generator #SwipeablePageRoute #auto_route #go_router_builder #GoRouter #flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages

Тестирование с навигацией GoRouter
Как запускать тесты с навигацией GoRouter

Иногда вам хочется быть уверенными, что некоторые виджеты перенаправляют на правильный маршрут.
Гораздо проще тестировать ваши страницы вне навигации, но это все равно может помочь в некоторых случаях.

Пример теста:

testWidgets('условие защиты возвращает false => переход на ошибочный url',
    (WidgetTester tester) async {
  final app = MaterialApp.router(
    routerConfig: GoRouter(
      initialLocation: '/page1',
      routes: [
        GoRoute(
          path: '/page1',
          builder: (context, state) => Guard(
                canActivate: future.value(false),
                fallbackRoute: '/page2',
              ),
          child: const FakePage(msg: 'page1'),
        ),
        GoRoute(
          path: '/page2',
          builder: (context, state) => const FakePage(msg: 'page2'),
        ),
      ],
    ),
  );

  await tester.pumpWidget(app);
  await tester.pumpAndSettle(const Duration(milliseconds: 100));

  expect(find.text('page2'), findsOneWidget);
});

Дополнительный совет:
Вы можете использовать ваш app router, чтобы получить точно такое же поведение маршрутизации, как и в вашем приложении.
Таким образом, вы действительно можете проверить, работает ли навигация корректно.
Встройте создание GoRouter в функцию с параметром initialLocation, чтобы ваш тест мог начинаться прямо с того места, которое вам нужно.

GoRouter createRouter(final String initialLocation) {
  return GoRouter(
    initialLocation: initialLocation,
    routes: [
      GoRoute(
        path: '/page1',
        builder: (context, state) => const FakePage(msg: 'page1'),
      ),
      GoRoute(
        path: '/page2',
        builder: (context, state) => const FakePage(msg: 'page2'),
      ),
    ],
  );
}

Оцените новую рубрику по тестированию Flutter-приложений! 👍
Все подобные новости можно найти по хэштегу #FlutterPulseTips
#flutter #dart #flutterpulse #FlutterPulseTips #MobileAppDevelopment #FlutterTips #Testing #GoRouter

Вложенная навигация с Go_Router
Давайте создадим боковую панель с Flutter Web и go_router 🤔

Вместо того, чтобы напрямую добавлять все маршруты (GoRoute), мы обернём их в поднавигацию 📦

Мы обернём все подмаршруты в StatefulShellRoute, чтобы управлять состоянием поднавигации 🔄

Для каждого подмаршрута у нас будет StatefulShellBranch, который может содержать несколько маршрутов 🌐

Каждый элемент будет иметь свой собственный стек навигации 📚

import 'package:go_router/go_router.dart'; // Импорт библиотеки go_router

GoRouter generateRouter() {
  return GoRouter(
    routes: [
      // Страница без боковой панели
      GoRoute(
        name: 'signin',
        path: '/signin',
        builder: (context, state) => const SignInPage(),
      ),
      // Страница с боковой панелью
      StatefulShellRoute(
        parentNavigatorKey: navigatorKey, // Ключ навигатора родительского маршрута
        // Боковая панель будет отображаться слева
        builder: (context, state, navigationShell) => Row(
          children: [
            SideBar(state: state), // Боковая панель
            Expanded(child: navigationShell), // Содержимое навигации
          ],
        ),
        // builder будет вызван, когда маршрут активируется
        // navigationShell - виджет, который отображает содержимое маршрута
        // Он будет показывать текущую последнюю страницу стека навигации для каждой ветки
        navigatorContainerBuilder: (
          BuildContext context,
          StatefulNavigationShell navigationShell,
          List<Widget> children,
        ) {
          if (children.isEmpty) {
            return SizedBox(); // Пустой контейнер, если нет дочерних элементов
          }
          return Scaffold(
            body: children[navigationShell.currentIndex], // Отображение текущего дочернего элемента
          );
        },
        branches: [
          StatefulShellBranch(
            routes: [
              GoRoute(
                name: 'users',
                path: '/users',
                builder: (context, state) => const UsersPage(),
              ),
              GoRoute(
                name: 'user profile',
                path: '/users/:userId',
                builder: (context, state) => const UserProfilePage(),
              ),
            ],
          ),
          StatefulShellBranch(
            routes: [
              GoRoute(
                name: 'notifications',
                path: '/notifications',
                builder: (context, state) => const NotificationsPage(),
              ),
            ],
          ),
        ],
      ),
    ],
  );
}

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

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #FlutterTips #GoRouter #NestedNavigation #FlutterWeb