質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.12%
Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

解決済

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

bbiiq
bbiiq

総合スコア32

Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

1回答

0グッド

0クリップ

260閲覧

投稿2022/11/13 07:03

編集2022/11/13 07:30

前提

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?)'.

該当のソースコード

Dart(https://qiita.com/kazukios/items/6c4177aea82938410466)

1import 'package:flutter_screenutil/flutter_screenutil.dart'; 2 3return ScreenUtilInit( 4 designSize: const Size(428, 926), // iPhone13 Pro MAX 5 builder: () { 6 return MaterialApp( 7 title: 'screen util', 8 theme: ThemeData( 9 primaryColor: kPrimaryColor, 10 fontFamily: fontRegular, 11 ), 12 home: HomeScreen(), 13 ); 14 }, 15);

Dart(https://zenn.dev/kiiimii/articles/e588de0513c22d)

1void main() async { 2 WidgetsFlutterBinding.ensureInitialized(); 3 runApp( 4 //Riverpodの設定 5 ProviderScope( 6 child: MyApp(), 7 ), 8 ); 9} 10 11class MyApp extends StatelessWidget { 12 13 Widget build(BuildContext context) { 14 //複数解像度対応 15 return ScreenUtilInit( 16 //ターゲットデバイスの設定 17 designSize: const Size(375, 812), 18 //幅と高さの最小値に応じてテキストサイズを可変させるか 19 minTextAdapt: true, 20 //split screenに対応するかどうか? 21 splitScreenMode: true, 22 builder: () => const MaterialApp( 23 home: Center( 24 child: MessageList(), 25 ), 26 )); 27 } 28}

補足情報(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)

以下のような質問にはグッドを送りましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

グッドが多くついた質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

bbiiq

2022/11/13 07:22

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

回答1

0

ベストアンサー

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

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

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

投稿2022/11/13 08:20

ta.fu

総合スコア1263

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

回答へのコメント

bbiiq

2022/11/13 09:47

いつもありがとうございます。 やっぱり仕様変更があったんですね。 >>引数無しのbuilderを使いたいのであれば、pubspec.yamlのflutter_screenutilのバージョンを5.3.1にすれば動くと思う。 なるほど!ありがとうございます。

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.12%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。