すらぼうの開発ノート

モバイルアプリエンジニアのメモ

【Flutter】ChoiceChipで選択式のボタンを作成する

ChoiceChipとは 概要 プロパティ 実装例 動作画像 ソースコード 解説 ChoiceChipとは 概要 ChoiceChipは以下の様な選択式のボタンを作成するためのウィジェット。 youtubeの選択式ボタン 公式のドキュメントは以下。 api.flutter.dev プロパティ ChoiceChip…

【Flutter】InputChipウィジェットの使用方法

Material Designのchipのページには以下のようなボタンデザインが紹介されている。 material design: chip このボタンを作成するためのFlutterのウィジェットはInputChipなのだが、デフォルトのままを使おうとすると、Material Designのページのボタンと微妙…

【Flutter】「ページを戻る機能」を無効化する方法

本エントリではデフォルトで実装される「ページを戻る機能」を無効化にする方法を説明する。 ページを戻る機能 ページを戻る機能を無効化する方法 「AppBarの左に表示される戻るボタン」を無効化する 「画面端から右スワイプスで戻る機能」を無効化する ペー…

【Flutter】ListTileでリストのアイテムを簡単に作成する

本エントリではListTileを用いて簡単にリストのアイテムを作成する方法を説明する。 ListTitleとは 使用頻度の高いプロパティ title subtitle leading trailing onTap よくあるリストのアイテム作成方法 ListTitleとは api.flutter.dev ListTileは高さが固定…

【Flutter / Dart】セット(Set)の生成方法まとめ

SetはIterableを継承したクラスで、複数の要素を格納できる重複なしのデータ型。 本エントリではSetの生成方法を説明する。 Setインスタンスの生成 リテラルで初期化 Set() Set.from() Set.identity() Set.of() Set.unmodifiable() Setインスタンスの生成 リ…

【Flutter / Dart】リスト(List)型データの操作まとめ

本エントリではList型データの操作(追加、削除、フィルター...)について説明する。 Listとは 説明用データ 追加 add() addAll() fillRange() insert() insertAll() 削除 clear() remove() removeAt() removeLast() removeRange() removeWhere() フィルター w…

【Flutter / Dart】リスト(List)の生成方法まとめ

本エントリではList型データの生成方法を説明する。 Listとは Listインスタンスの生成 リテラルを代入 List.empty() List.filled(要素数, 要素の値) List.from(他のIterable型データ) List.generate(要素数, 要素を生成するコールバック関数(引数: index)) L…