Hogyan történik a Flutter alkalmazások hibakeresése?

A hibakeresést az IDE (Android Studio, VS Code) standard eszközeivel végzik, amelyek támogatják a Flutter/Dart-ot, valamint a flutter doctor és a DevTools segítségével.

A hibakeresés fő módszerei:

1. Breakpointok (Megállási pontok): Kódba állítva megállítják a végrehajtást, és lépésenkénti elemzést tesznek lehetővé.
2. Lépésenkénti végrehajtás:
   • Step Over (F10): A jelenlegi sor végrehajtása és a következőre lépés.
   • Step Into (F11): Belépés a meghívott függvénybe.
   • Step Out (Shift + F11): A jelenlegi függvény végrehajtásának befejezése és visszatérés a hívó kódhoz.
3. Változók megtekintése: A végrehajtás aktuális kontextusában a változók értékeinek figyelése.
4. Hibakereső konzol: A logok és üzenetek megjelenítése print() vagy a logging csomag segítségével.
5. Hot Reload és Hot Restart:
   • Hot Reload (Ctrl+R / Cmd+R): Gyors UI-frissítés az alkalmazás állapotának megőrzésével.
   • Hot Restart (Shift+Ctrl+R / Shift+Cmd+R): Teljes újraindítás anélkül, hogy megőrizné az állapotot.
6. Flutter DevTools: Teljes eszközkészlet a teljesítményprofilozáshoz, memóriaelemzéshez, widgetfa megtekintéséhez, renderelési hibák és hálózati kérések diagnosztizálásához. Böngészőben vagy az IDE-be integrálva érhető el.
7. flutter doctor: A Flutter telepítésének és a szükséges függőségek állapotának diagnosztizálása.
8. debugPrint / log: A debugPrint (a package:flutter/foundation.dart-ból) használata a print helyett Flutter alkalmazásokban, hogy elkerüljük a teljesítmény lassulását a kiadási verziókban. A logging csomag fejlettebb lehetőségeket kínál.

A debugPrint használatának példája:

// lib/main.dart
import 'package:flutter/foundation.dart';

void main() {
  debugPrint('Az alkalmazás elindult');
  // ...
}

A widgetfa elemzéséhez a DevTools használata:

// Az IDE-ben indítsa el az alkalmazást hibakeresési módban
// Kattintson a DevTools ikonra (általában a hibakereső sávban)
// Válassza a "Widget Inspector" fület
// Vizsgálja meg a widgetek hierarchiáját