Toolverse
Wszystkie skille

asyncredux-navigation

autor: marcglasberg

Zarządzaj nawigacją w aplikacji Flutter poprzez akcje Redux — łatwe testowanie i kontrola przepływu ekranów.

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

O skillu

Skill AsyncRedux Navigation umożliwia obsługę nawigacji w aplikacjach Flutter za pomocą systemu akcji Redux. Zamiast bezpośrednich wywołań nawigacji, wysyłasz akcje NavigateAction, co ułatwia testowanie logiki przechodzenia między ekranami. Obsługuje operacje push, pop, replace i popAndPush na nazwanych trasach oraz obiektach Route. Wymaga skonfigurowania globalnego klucza navigatora i rejestracji go w aplikacji podczas inicjalizacji.

Jak używać

  1. Utwórz globalny klucz navigatora na początku aplikacji, dodając final navigatorKey = GlobalKey<NavigatorState>(); w pliku głównym.

  2. Zarejestruj klucz w AsyncRedux podczas inicjalizacji aplikacji, wywołując NavigateAction.setNavigatorKey(navigatorKey); w funkcji main() przed uruchomieniem aplikacji.

  3. Przekaż ten sam klucz do komponentu MaterialApp, ustawiając właściwość navigatorKey: navigatorKey w konfiguracji MaterialApp.

  4. Zdefiniuj trasy w MaterialApp, dodając mapę routes zawierającą ścieżki (np. '/', '/details', '/settings') i odpowiadające im widgety stron.

  5. Wysyłaj akcje nawigacji z dowolnego miejsca w aplikacji — użyj dispatch(NavigateAction.pushNamed('/details')) aby przejść do nowej trasy, dispatch(NavigateAction.pushReplacementNamed('/newRoute')) aby zastąpić bieżącą trasę, lub dispatch(NavigateAction.popAndPushNamed('/other')) aby wrócić i przejść do innej trasy.

  6. Testuj logikę nawigacji w testach jednostkowych, sprawdzając czy odpowiednie akcje NavigateAction są wysyłane, bez konieczności uruchamiania pełnej aplikacji Flutter.

Podobne skille