【Flutter】import するパッケージが多くなった時の対処法

初めに

コーディングをしていく中で、一つのファイルでインポートするパッケージやページの数が増えてきてしまいました。
初期に書いたコードの中では、以下のように大量の import 文が並んでいるものもありました。

流石にここまで import 文が並ぶことは無いかもしれませんが、大きなプロジェクトになると大量のページやパッケージを import する機会はあると思うので、今回はその対処法を共有したいと思います。

記事の対象者

• ファイル内の大量の import を無くしたい方
• 大規模なアプリを開発中の方
• コードを綺麗に保ちたい方

実装

大量の import 文を無くすためには export を使います。
まずは新たに 「 importer.dart 」 というファイルを作成します。

次に作成したファイルに import 文を全てコピペします。

importer.dart

import 'package:widget_example/widget_tools/icon_example.dart';
import 'package:widget_example/widget_tools/intro_slider_example.dart';
import 'package:widget_example/widget_tools/list_example/leading_icon_list_example.dart';
import 'package:widget_example/widget_tools/list_example/simple_number_list_example.dart';
import 'package:widget_example/widget_tools/list_wheel_scroll_view_example.dart';
import 'package:widget_example/widget_tools/percent_indicator_example.dart';
import 'package:widget_example/widget_tools/radio_button_example.dart';
import 'package:widget_example/widget_tools/scaffold_example.dart';
import 'package:widget_example/widget_tools/snack_bar_example.dart';
import 'package:widget_example/widget_tools/switch_list_tile_example.dart';
import 'package:widget_example/widget_tools/tab_bar_example.dart';
import 'package:widget_example/widget_tools/tutorial_coach_mark_example.dart';
import 'package:widget_example/widget_tools/url_launcher_example.dart';

次に全ての import 文を export 文へ変更します。

importer.dart

export 'package:widget_example/widget_tools/icon_example.dart';
export 'package:widget_example/widget_tools/intro_slider_example.dart';
export 'package:widget_example/widget_tools/list_example/leading_icon_list_example.dart';
export 'package:widget_example/widget_tools/list_example/simple_number_list_example.dart';
export 'package:widget_example/widget_tools/list_wheel_scroll_view_example.dart';
export 'package:widget_example/widget_tools/percent_indicator_example.dart';
export 'package:widget_example/widget_tools/radio_button_example.dart';
export 'package:widget_example/widget_tools/scaffold_example.dart';
export 'package:widget_example/widget_tools/snack_bar_example.dart';
export 'package:widget_example/widget_tools/switch_list_tile_example.dart';
export 'package:widget_example/widget_tools/tab_bar_example.dart';
export 'package:widget_example/widget_tools/tutorial_coach_mark_example.dart';
export 'package:widget_example/widget_tools/url_launcher_example.dart';

最後に export したパッケージを使いたいページで 「 importer.dart 」 をインポートします。

main.dart

import 'importer.dart';

これで、「 importer.dart 」で export した全てのパッケージを import 先の「 main.dart 」で利用できるようになりました。

元のコードでは import 文が 13行ありましたが、 export で一つのファイルにまとめておくことで import 文を 1行に省略することができるようになりました。

以上です。

あとがき

最後まで読んでいただきありがとうございました。

今回は短い記事でしたが、参考にしていただければ幸いです。
誤っている箇所があればご指摘いただければ幸いです。

参考にしたサイト