Flutterの画面遷移は以下の2種類があります。 Navigator 1ではWEB対応が不十分でした。WEB対応のためにNavigator 2がリリースされましたが、通常の開発者には難しいと言われていました。そのため、簡易化されたバージョンがリリースされるのではないかと言われていましたが、GoRouterは公式?な簡易的な画面遷移のプラグインになりました。この投稿では、まず最低限はGoRoute […]
FlutterGenとは Flutterでは、アセット(画像や音楽データのリソース)をアプリに含めてリリースできます。一般的にはAssetsというディレクトリの中にデータを置きます。しかし、ファイルなので、普通に使用すると、ファイル名をコピーしないといけません。そのため、コピーの間違いなどが発生しますし、コピーするのが手間です。それを解決するのが、FlutterGenです。 Assetsの中のディ […]
この記事はFlutter Flutter #2 Advent Calendar 2021 24日目の記事です。 せっかくクリスマスイブですし、クリスマスっぽいものを投稿しようと思い、雪を降らせる演出を考えてみました。 雪を作成する 大分迷走しましたが、以下のようになりました。 1フレームごとに、新しいWidgetを作ってます。1フレームで100くらいのWidgetを再作成しています。一応Keyは割 […]
FlutterでDI (Dependency Injection ・依存性の注入)を実施する方法を解説します。そのためのプラグイン「get_it」をご紹介します。 なぜ必要か 基本的にプログラムをしていると、そのままコンストラクタを使用して、クラスをインスタンス化します。 var instance = InstanceClass(); しかし、こうするとソース内にどのクラスを呼ぶか、というのが定義 […]
この記事では、Immutableなクラスを作成するパッケージfreezedを解説します。分かっている人には、以下にチートシートを作ってますので、そちらをご覧下さい。 Flutter freezed のチートシート、もとい、知っている人向けのメモ なぜ必要か、Immutableなクラスとは Flutterの中でsetStateやriverpodで状態管理をしても、たまに値の変更が検出されず、画面が更 […]
定数の宣言 Flutter もとい Dartには、多くの言語と同じように2種類の定数の宣言方法があります。定数とは、一度宣言したら、後で再代入できないものです。こちらは、その違いは何で、どのように使い分けていけば良いでしょうか。 final/const // 使い方 final int value1 = 1; final value2 = 2; const int value3 = 3; cons […]
Flutterとは Googleが開発しているアプリケーション開発のプラットフォームです。プログラムの勉強を個人で始めるなら、Flutterが良いです。 Flutterの良いところ 開発環境が無料 まず、開発環境が無料です。初めてプログラムをするのに、重要ですよね。特に学生さん。しかも、DartPadを使えば、開発環境をパソコンに入れなくても、ブラウザ上で実施することができます。開発環境を作るのが […]
この記事はFlutter Flutter #2 Advent Calendar 2021 3日目の記事です。 Flutterのアプリを多言語化対応するための私なりのベストプラクティスとハマった箇所を記録します。多言語対応、意外と簡単だ、というブログを結構見かける。しかし、実際やってみると、苦労したので残しておきます。ハマるのは、私だけなのかなぁ、､､ 公式はちょっと古くてよく動かんし、他のブログも […]
