Inherited Widget Ticking Example

inherited.dart

import 'package:flutter/material.dart';

void main() {
  runApp(RebuidingWidget());
}

class RebuidingWidget extends StatefulWidget {
  @override
  _RebuildingWidgetState createState() => _RebuildingWidgetState();
}

class _RebuildingWidgetState extends State<RebuidingWidget> {
  int initialCounterValue = 0;

  @override
  initState() {
    super.initState();

    Stream.periodic(Duration(seconds: 1), (int n) => n)
        .listen((int n) => setState(() => initialCounterValue = n));
  }

  @override
  Widget build(BuildContext context) {
    return InitialCounterValueProvider(
      value: initialCounterValue,
      child: MaterialApp(
        title: 'Flutter Tutorial',
        home: TutorialHome(),
      ),
    );
  }
}

class InitialCounterValueProvider extends InheritedWidget {
  const InitialCounterValueProvider({
    Key key,
    @required this.value,
    @required Widget child,
  })  : assert(value != null),
        assert(child != null),
        super(child: child);

  final int value;

  static InitialCounterValueProvider of(BuildContext context) {
    return context
        .dependOnInheritedWidgetOfExactType<InitialCounterValueProvider>();
  }

  @override
  bool updateShouldNotify(InitialCounterValueProvider old) =>
      value != old.value;
}

class TutorialHome extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(child: Counter()),
    );
  }
}

class Counter extends StatefulWidget {
  // Creates State
  @override
  _CounterState createState() => _CounterState();
}

class _CounterState extends State<Counter> {
  int _counter = 0;

  @override
  initState() {
    print('init state');
    super.initState();
  }

  @override
  didChangeDependencies() {
    super.didChangeDependencies();

    final counterValueProvider = InitialCounterValueProvider.of(context);
    _counter = counterValueProvider.value;
    print('did changed deps: $_counter');
  }

  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        RaisedButton(
          onPressed: _increment,
          child: Text('Increment'),
        ),
        SizedBox(width: 16.0),
        Text(
          'Count: $_counter',
          style: TextStyle(fontSize: 16.0),
        ),
      ],
    );
  }

  void _increment() {
    setState(() {
      _counter++;
    });
  }
}