親ウィジェットにMultiProviderを記載したところ Expected an identifier.とExpected to find ')'. のエラーメッセージが発生しました。

Question

前提

スケジュールアプリ作成とProviderの学習中です。
親ウィジェットにMultiProviderを記載したところ
Expected an identifier.とExpected to find ')'.
のエラーメッセージが発生しました。

実現したいこと

Providerを実装し、子ウィジェット間のデータのやり取りを実現したい。

発生している問題・エラーメッセージ

final PageController controller = PageController();
の箇所で、
Expected an identifier.とExpected to find ')'.のエラーが出てます。
()の数が合わないのか確認しましたが、数は合っているように思います。

該当のソースコード

class MyBody extends StatelessWidget {
  const MyBody({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
         return MultiProvider(
        providers: [
          ChangeNotifierProvider<HidukeProvider>(
            create: (context) => HidukeProvider(),
          ),
        ],
    final PageController controller = PageController();
        return PageView(
          /// [PageView.scrollDirection] defaults to [Axis.horizontal].
          /// Use [Axis.vertical] to scroll vertically.
          controller: controller,
          children: const <Widget>[
            Center(
              child: Schedule(),
            ),
            Center(
              child: Create(),
            ),
          ],
        );
        );
  }
}

試したこと

インターネット上でのエラーコード検索、()の数確認。

補足情報（FW/ツールのバージョンなど）

Dart version 2.18.6
DevTools version 2.15.0
Flutter extension version 3.56.0
Provider 6.0.3

Answer 1

MultiProviderのインスタンス作成内で、finalという定数宣言とその次にreturnでWidgetを返すという荒業を行ったためです。
MultiProviderでウィジェットを返すにはchildかbuilderのどちらかを使うようです。

以下Expected an identifier.を解消する実装方法です。

builderを使った場合。

class MyBody extends StatelessWidget {
  const MyBody({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MultiProvider(
      providers: [
        ChangeNotifierProvider<HidukeProvider>(
          create: (context) => HidukeProvider(),
        ),
      ],
      builder: (context, child) {
        final PageController controller = PageController();
        return PageView(
          /// [PageView.scrollDirection] defaults to [Axis.horizontal].
          /// Use [Axis.vertical] to scroll vertically.
          controller: controller,
          children: const <Widget>[
            Center(
              child: Schedule(),
            ),
            Center(
              child: Create(),
            ),
          ],
        );
      },
    );
  }
}

childを使った場合

class MyBody extends StatelessWidget {
  const MyBody({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final PageController controller = PageController();

    return MultiProvider(
      providers: [
        ChangeNotifierProvider<HidukeProvider>(
          create: (context) => HidukeProvider(),
        ),
      ],
      child: PageView(
          /// [PageView.scrollDirection] defaults to [Axis.horizontal].
          /// Use [Axis.vertical] to scroll vertically.
          controller: controller,
          children: const <Widget>[
            Center(
              child: Schedule(),
            ),
            Center(
              child: Create(),
            ),
          ],
        ),
    );
  }
}

Comments

[Ion]

builderで書き直ししたところ、無事にエラーが解消されました！！
また、providerに対する知識が深まりました。
ありがとうございました！！