Για ποιο λόγο χρησιμοποιείται το Scoped Model στο…

Το Scoped Model είναι μια απλή βιβλιοθήκη διαχείρισης κατάστασης για το Flutter, βασισμένη στην έννοια του InheritedWidget. Προσφέρει πρόσβαση σε δεδομένα (μοντέλο) και τη δυνατότητα τροποποίησής τους στα widget, χωρίς να χρειάζεται να μεταβιβάζονται ρητά μέσω κατασκευαστών σε κάθε επίπεδο.

Τα βασικά στοιχεία του Scoped Model:

Model: Κλάση που αποθηκεύει δεδομένα και επιχειρηματική λογική. Πρέπει να επεκτείνει το Model από το πακέτο scoped_model.
ScopedModel: Widget που περικλείει ένα μέρος του δέντρου των widget. Δέχεται ένα στιγμιότυπο Model και το καθιστά διαθέσιμο σε αυτό και στους απογόνους του.
ScopedModelDescendant: Widget που επιτρέπει την πρόσβαση στο στιγμιότυπο Model από το πλησιέστερο ScopedModel ψηλότερα στο δέντρο και εγγράφεται στις αλλαγές του.

Πλεονεκτήματα της χρήσης του Scoped Model:

Απλότητα: Εύκολο στην κατανόηση και χρήση, ιδανικό για μικρές και μεσαίες εφαρμογές.
Βασίζεται στους τυπικούς μηχανισμούς του Flutter: Χρησιμοποιεί το InheritedWidget, καθιστώντας το αποδοτικό.
Εξαιρετική τεκμηρίωση: Διαθέσιμη πλήρης τεκμηρίωση και παραδείγματα.

Παράδειγμα χρήσης:

Δημιουργία μοντέλου:

import 'package:scoped_model/scoped_model.dart';

class CounterModel extends Model {
  int _counter = 0;

  int get counter => _counter;

  void increment() {
    _counter++;
    notifyListeners(); // Ενημερώνει τα widget για την αλλαγή
  }
}

Περίβαλλε ένα μέρος του δέντρου με ScopedModel:

import 'package:flutter/material.dart';
import 'package:scoped_model/scoped_model.dart';
import 'counter_model.dart'; // Εισαγωγή μοντέλου

void main() {
  runApp(
    // Περίβαλλε την εφαρμογή σου με ScopedModel
    ScopedModel<CounterModel>(
      model: CounterModel(),
      child: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Scoped Model Example')),
        body: Center(
          child: CounterDisplay(),
        ),
        floatingActionButton: IncrementButton(),
      ),
    );
  }
}

Πρόσβαση στο μοντέλο μέσω ScopedModelDescendant:

import 'package:flutter/material.dart';
import 'package:scoped_model/scoped_model.dart';
import 'counter_model.dart'; // Εισαγωγή μοντέλου

class CounterDisplay extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // Πρόσβαση στο μοντέλο και εγγραφή στις αλλαγές του
    return ScopedModelDescendant<CounterModel>(
      builder: (context, child, model) {
        return Text(
          'Counter: ${model.counter}',
          style: Theme.of(context).textTheme.headline4,
        );
      },
    );
  }
}

class IncrementButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // Πρόσβαση στο μοντέλο χωρίς εγγραφή στις αλλαγές
    return FloatingActionButton(
      onPressed: () {
        ScopedModel.of<CounterModel>(context).increment();
      },
      child: Icon(Icons.add),
    );
  }
}

Το Scoped Model είναι κατάλληλο για εφαρμογές όπου η διαχείριση κατάστασης δεν είναι πολύ περίπλοκη και μπορεί να αποφευχθεί η χρήση πιο ισχυρών, αλλά και πιο πολύλογων λύσεων, όπως το BLoC ή το Riverpod. Ωστόσο, για μεγαλύτερες και πιο πολύπλοκες εφαρμογές με πολλά αλληλεξαρτώμενα states, μπορεί να απαιτούνται πιο προηγμένες προσεγγίσεις.

Για ποιο λόγο χρησιμοποιείται το Scoped Model στο Flutter;