flutter-development
Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.
How to use
Przygotuj projekt Flutter, dodając wymagane zależności do pliku pubspec.yaml: flutter SDK, provider (do zarządzania stanem), http (do komunikacji z API) oraz go_router (do nawigacji między ekranami).
Skonfiguruj główny plik main.dart, tworząc MaterialApp z routerem GoRouter, który definiuje ścieżki nawigacji (np. '/' dla ekranu głównego, '/details/:id' dla szczegółów, '/profile' dla profilu).
Zbuduj ekrany aplikacji jako widgety Stateless lub Stateful, wykorzystując Flutter widgets do tworzenia interfejsu – TextFields, Buttons, Cards, ListView itp.
Zaimplementuj zarządzanie stanem za pomocą Provider, tworząc ChangeNotifier klasy, które będą obsługiwać logikę biznesową i notyfikować widgety o zmianach.
Połącz aplikację z API, używając pakietu http do wysyłania żądań GET/POST i przetwarzania odpowiedzi JSON – dane pobieraj w metodach Provider lub w initState widgetu.
Testuj aplikację na emulatorze lub urządzeniu fizycznym, korzystając z hot reload do szybkiego iterowania zmian bez pełnego restartu aplikacji.