За какво се използва Scoped Model във Flutter…

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. Въпреки това, за големи и сложни приложения с много взаимосвързани състояния, може да са необходими по-напреднали подходи.

За какво се използва Scoped Model във Flutter?