Τι καταλαβαίνετε με τον όρο απόδοση;

Η απόδοση στο Flutter είναι η διαδικασία μετατροπής του δέντρου widget (widget tree) σε δέντρο στοιχείων (element tree), και στη συνέχεια σε δέντρο απόδοσης (render tree), το οποίο τελικά εμφανίζεται στην οθόνη.

Βασικά βήματα:

1. Δέντρο Widget: Περιγραφική δήλωση του περιβάλλοντος χρήστη.
2. Δέντρο Στοιχείων: Ερμηνεία του δέντρου widget, περιέχει αναφορές στις περιπτώσεις widget και στην κατάσταση των widget (για StatefulWidget). Το δέντρο στοιχείων λειτουργεί ως γέφυρα μεταξύ του δέντρου widget και του δέντρου απόδοσης.
3. Δέντρο Απόδοσης: Περιέχει αντικείμενα RenderObject, που γνωρίζουν πώς να ζωγραφίζουν τον εαυτό τους (paint) και πώς να καθορίζουν το μέγεθος και τη θέση τους (layout). Είναι ένα αφηρημένο δέντρο, ανεξάρτητο από την πλατφόρμα.
4. Ζωγραφική και Σύνθεση: Οι εντολές ζωγραφικής ανεξάρτητες από GPU αποστέλλονται στο Skia (κινητήρας γραφικών του Flutter), ο οποίος τις μετατρέπει σε εντολές εξαρτώμενες από GPU.
5. Rasterization: Η GPU ζωγραφίζει τις εντολές στους πίξελ της οθόνης.
6. Εμφάνιση: Τα pixels εμφανίζονται στην οθόνη της συσκευής.

Ο κύκλος απόδοσης και κατασκευής διατάξεων συμβαίνει όταν υπάρχει αλλαγή κατάστασης που απαιτεί επανεγγραφή, ή όταν ενεργοποιείται ένα frame μέσω του Scheduler. Ο Scheduler προγραμματίζει την εκτέλεση λειτουργιών, συμπεριλαμβανομένων των build (για την κατασκευή του δέντρου στοιχείων) και layout / paint (για το δέντρο απόδοσης).

// Παράδειγμα απλού widget
class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // Κάθε widget περιγράφει ένα μέρος του περιβάλλοντος χρήστη.
    // Το Flutter μετατρέπει αυτήν την περιγραφή σε στοιχεία και αντικείμενα απόδοσης.
    return Container(
      color: Colors.blue,
      child: Text('Hello'),
    );
  }
}