Что хотят услышать интервьюеры:

InheritedWidget — это базовый механизм Flutter для передачи данных вниз по дереву виджетов без проброса параметров через каждый уровень. Он используется, когда нескольким потомкам нужен доступ к общему состоянию или конфигурации. Важно понимать, что это не state management “из коробки”, а инфраструктурный инструмент для эффективного распространения зависимостей.

Определение:

InheritedWidget — это StatelessWidget, который хранит данные и делает их доступными для виджетов-потомков через контекст BuildContext. Потомки могут подписаться на изменения этого виджета, и Flutter будет перестраивать только те части дерева, которые зависят от этих данных.

Главная идея: вместо передачи значения через конструкторы на каждом уровне дерева, нужный виджет может найти ближайший InheritedWidget выше себя в иерархии и получить данные напрямую.

Пример использования:

Типичный пример — передача темы, локали, пользовательских настроек или какого-то общего объекта состояния.

import 'package:flutter/material.dart';

class CounterScope extends InheritedWidget {
  final int count;

  const CounterScope({
    super.key,
    required this.count,
    required super.child,
  });

  static CounterScope of(BuildContext context) {
    final scope = context.dependOnInheritedWidgetOfExactType<CounterScope>();
    assert(scope != null, 'CounterScope not found in widget tree');
    return scope!;
  }

  @override
  bool updateShouldNotify(CounterScope oldWidget) => count != oldWidget.count;
}

class CounterText extends StatelessWidget {
  const CounterText({super.key});

  @override
  Widget build(BuildContext context) {
    final count = CounterScope.of(context).count;
    return Text('Count: $count');
  }
}

class DemoPage extends StatefulWidget {
  const DemoPage({super.key});

  @override
  State<DemoPage> createState() => _DemoPageState();
}

class _DemoPageState extends State<DemoPage> {
  int count = 0;

  @override
  Widget build(BuildContext context) {
    return CounterScope(
      count: count,
      child: Scaffold(
        appBar: AppBar(title: const Text('InheritedWidget demo')),
        body: const Center(child: CounterText()),
        floatingActionButton: FloatingActionButton(
          onPressed: () => setState(() => count++),
          child: const Icon(Icons.add),
        ),
      ),
    );
  }
}

Пояснение кода:

В этом примере CounterScope хранит число count и оборачивает child.
CounterText не получает count через конструктор, а достаёт его из ближайшего CounterScope через context.dependOnInheritedWidgetOfExactType.

Шаги работы:

DemoPage создаёт CounterScope и передаёт в него текущее значение count.
CounterText вызывает CounterScope.of(context).
Flutter регистрирует зависимость CounterText от CounterScope.
При setState у DemoPage создаётся новый CounterScope.
Метод updateShouldNotify сравнивает старое и новое значение.
Если значение изменилось, Flutter перестраивает зависимые виджеты, включая CounterText.

Ключевые моменты:

InheritedWidget помогает передавать данные вниз по дереву без “prop drilling”.
Для чтения данных обычно используется context.dependOnInheritedWidgetOfExactType<T>().
Если виджет должен реагировать на изменения, нужно вызывать зависимый поиск через dependOn..., а не просто getElement....
updateShouldNotify определяет, нужно ли уведомлять потомков о новой версии данных.
Это низкоуровневый механизм, на котором строятся более удобные решения, например Provider, Theme, MediaQuery.
InheritedWidget хорошо подходит для неизменяемых или редко меняющихся зависимостей, которые должны быть доступны многим потомкам.

Можете ли вы объяснить, что представляет собой класс InheritedWidget в Flutter и как он используется?