2023-05-01から1ヶ月間の記事一覧

MaterialApp.routerのrouterConfig

はじめに 画面遷移でgo_routerを使っていて、initialLocationを設定しても効いていないことがあった。 原因はMaterialApp.routerの引数にrouteInformationProviderをセットし忘れていたからだった。 原因を調べていたときにFlutter公式では下記のようにroute…

セグメントボタン(SegmentedButton)を使った実装

はじめに セグメントボタンの使い道としては 複数の選択肢から選択し、 ビューを切り替える ソート順を切り替える など、が挙げられます。 SegmentedButtonクラス # コンストラクタ SegmentedButton({ Key? key, required List<ButtonSegment<T>> segments, required Set<T> sele</t></buttonsegment<t>…

iOSのWireless debugging(Wifi経由での実機デバッグ)

はじめに 実機で動かすとモチベーションがあがるタイプです。 ときどきケーブルが無くて、仕方なくシミュレータでデバッグしてました。 Flutter3.10.0でWifi経由で実機にアプリ転送し、デバッグできるようになったようです。 iOSのWireless debugging設定 Fl…

[Flutter]Dart3で追加されたClass Modifier

はじめに Google I/O 2023でDart3のリリースが報告されました。 Dart3でClass Modifierが追加されたので試してみました。 (Class Modifierとは、抽象Classの頭につけているabstractなどです) interfaceクラス // vehicle.dart interface class Vehicle { v…

Badge(バッヂ)の実装

はじめに Flutter 3.7になり、Badge(バッヂ)のWidgetが追加されました。 それまでは独自で作ったり、サードパーティパッケージで実装してました。 クラス定義 クラス定義は下記のようになっています。 Badgeに表示する内容はlabel引数にWidgetで指定するよう…

色を選択するピッカーを実装する

はじめに ToDOなどをカテゴリに分類することがあります。 カテゴリは名前だけでなく、色を指定することで、一目でどのカテゴリであるかわかりやすくしたいです。 色を指定するカラーピッカー機能を作るために自作でウィジェットを作ることを考えましたが手間…