@override
Widget build(BuildContext context) {
  // ProviderListerでWidgetを囲みます。<>にはProviderの型を記述します
  // ここでは、 `int` をstateとして持つ `StateProvider` を指定
  return ProviderListener<StateProvider<int>>(
    // 監視したいProviderを指定します
    provider: counterProvider,
    // 監視対象のProviderの状態が変更されたとき、 `onChange` が実行されます
    onChange: (context, counter) {
      // `counterProvider` の状態が `5` になったとき、ダイアログを表示します
      if (counter.state == 5) {
        showDialog(...);
      }
    },
    child: Scaffold(
        ...
    ),
  );
}