対象者 FlutterでListView内のタイルなどをスワイプで消したい人 はじめに Flutterの中でリストの一覧を作成することがあります。その一覧の中のデータを削除しようとしたときに、長押しで削除確認ダイアログを出すようにしていました。しかしスワイプでも同じことができるということで、UX的にそっちの方が良いケースもあるでしょうから、実験してみました。 実施するソース urlsはListで中 […]
対象者 DartやFlutterで改行ごとにデータを分割しようとしている人 より詳しいLineSplitterの使用方法を書きました。 はじめに FlutterでCSVファイルを読み込むコードを書きました。 CSVを読み込む箇所と、読み込んだデータを処理箇所を別のクラスに作成しています。そのため、読み込んだファイルのStringをそのまま別クラスのメソッドに引数で渡しました。 検索すると、「spl […]
対象者 Flutterでパララックス効果をしたい人 はじめに Flutterでパララックス効果を使ってみたいと思っていました。 公式のサンプルを見ました。難しい。ちょー長い。諦めました。Flowとか頑張りたくない。 日本語でわかりやすそうな記事がありましたが、FlutterHooksを使っている。FlutterHooks、使わない。そのせいか、理解ができない。ただ、なんとなく実装の方向性は分かった […]
対象者 Flutterで色をアニメーションで変えたい人 はじめに ちょっとボタンを目立つようにしたいなぁと思い、アニメーションでボタンの色が変更するようにしようとしました。検索しましたが、意外とうまくいく例がありませんでした。色々やって自分が納得できるものが完成しましたので、以下の二通りで紹介します。 AnimationController + AnimatedBuilder 複雑な処理ができる、 […]
対象者 FlutterでStatefulWidgetのイベントを、WidgetTreeの上のWidgetから呼び出したい人 はじめに FlutterでWidgetを組み合わせて、GUIのレイアウトを作成します。それで、実際に動作させようとしたとき「あれ、このWidgetの中身にどうやってアクセスするんだっけ」となるときがあります。親のWidgetから子のWidgetにコールバックを渡す、状態管理を […]
対象者 FlutterでQRコードの生成したい人 はじめに FlutterでQRコードを生成する方法を記載します。 QRコードは汎用性があるので、色々なことに使える、、、、まだ、思いつかないけど。 インストール 実施するソース data QRコードで生成したい文字列を設定する embeddedImage QRコードの中央に設定する画像を設定する。設定しないと画像は表示されない。 gapless f […]
対象者 Flutterアプリで、ネットワークから画像をダウンロードが完了し、表示されるときの処理を設定したい はじめに チャットアプリの外観を実装しています。 メッセージを入力したときに画面がスクロールダウンして一番下に行くようにします。しかし画像があると、メッセージ入力直後にスクロールダウンしても、画像は読み込まれていないため、画像がサイズ0として計算された状態でスクロールされました。そして、そ […]
対象者 FlutterでのFirestoreへの設定方法をだいたい知っていて、コマンドだけ知りたい人 さくしんの「【Flutter】Firestore 実践ガイド」の講座を受けている人 はじめに 何度かFlutterでのFirestoreの設定をしておます。そのため、メモを残しておきます。 npmをインストール Macでは不要 https://nodejs.org/en/ firebase-too […]
対象者 Flutterで画像の色(白黒)を反転させたい人 はじめに 画像を表示するときに、反転させる機能があったので、ご紹介します。 背景に白黒の画像を使うと、ライトモードとダークモードの切換時にこの機能でいけそうです。画像を2枚用意しなくてすみます。 実施するソース まあ、NetworkImageやAssetImageの引数invertColorsをtrueにするだけです。 画像を見てみる 白黒 […]
