【Flutter】Builderウィジェットについてです

Question

前提

flutter_screenutilの勉強中にbuilderのエラーが多発したので質問させていただきます。
以下の三つのサイトを参考にしていたところ、builderウィジェットのラップの仕方で同じエラーが出ました。
https://qiita.com/kazukios/items/6c4177aea82938410466
https://zenn.dev/kiiimii/articles/e588de0513c22d
https://qiita.com/1hour/items/c2e1d1c8eaf78a8d615c

問題の解決としては、引数を定義していなかったところを、

builder: (Builder context, Widget)　=>

のように引数を二つほど追記した形で定義してあげればエラーは無くなりました。

しかし、三つのサイトで同じようなエラーが出るということが疑問です。
Flutter（Dart?）の仕様が変わって、builderウィジェットのラップする場合は引数を必ず指定しないといけないように変更があったのでしょうか？

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

The argument type 'MaterialApp Function()' can't be assigned to the parameter type 'Widget Function(BuildContext, Widget?)'.

該当のソースコード

import 'package:flutter_screenutil/flutter_screenutil.dart';

return ScreenUtilInit(
  designSize: const Size(428, 926), // iPhone13 Pro MAX
  builder: () {
    return MaterialApp(
      title: 'screen util',
      theme: ThemeData(
        primaryColor: kPrimaryColor,
        fontFamily: fontRegular,
      ),
      home: HomeScreen(),
    );
  },
);

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(
    //Riverpodの設定
    ProviderScope(
      child: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    //複数解像度対応
    return ScreenUtilInit(
        //ターゲットデバイスの設定
        designSize: const Size(375, 812),
	//幅と高さの最小値に応じてテキストサイズを可変させるか
        minTextAdapt: true,
	//split screenに対応するかどうか？
        splitScreenMode: true,
        builder: () => const MaterialApp(
              home: Center(
                child: MessageList(),
              ),
            ));
  }
}

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

[✓] Flutter (Channel stable, 3.3.8, on macOS 13.0.1 22A400 darwin-arm, locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 14.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.3)
[✓] VS Code (version 1.73.0)

Comments

[bbiiq]

記載しているソースは参考にしたサイトのソースなのですが、いろいろ省略されている部分があるため、参考程度に見ていただけるとありがたいです。

Answer 1

ScreenUtilInitのbuilderプロパティのことを言ってるのかな？
そちらの最新版ヘルプを見る限り、2引数必要な形になっています。
またgithubを見るとbuiderプロパティに関しては5.4.0と5.5.3で変更が入っているようですね。
ソースが作られた時期により、実装の違いが出てしまったのでしょう。

引数無しのbuilderを使いたいのであれば、pubspec.yamlのflutter_screenutilのバージョンを5.3.1にすれば動くと思う。

flutter_screenutilのbuilder APIの破壊的変更についての説明は無いようだったので、ちょっと不親切とは感じるけど、まあしょうがないのかな。

Comments

[bbiiq]

いつもありがとうございます。
やっぱり仕様変更があったんですね。

>>引数無しのbuilderを使いたいのであれば、pubspec.yamlのflutter_screenutilのバージョンを5.3.1にすれば動くと思う。

なるほど！ありがとうございます。