CATEGORY

Flutter標準

  • 2023年3月31日
  • 2023年3月31日

【Flutter】レンダリング高速化のヒント

はじめに 自分の中でもまだまだ消化し切れていませんが、今後のレンダリング高速化のための勉強のとっかかりとするメモです。 Flutterのレンダリングエンジンのパフォーマンスを最適化するための方法の記事があったので、まとめました。詳しくは英語ですが、参考記事参照ください。 アプリおせぇw、となったときのために記載しておきます。 レンダリングエンジン Flutterのレンダリングエンジンは、ウィジェッ […]

  • 2023年3月20日
  • 2023年3月20日

Flutterアプリのメモリ最適化: 実践的な10のヒントとツール

対象者 Flutterについて、基礎的な知識がある人 はじめに Top 10 reasons why your Flutter app is experiencing OutOfMemory errorsという記事にメモリ使用量を削減し、Flutterアプリのパフォーマンスを向上させるための10のヒントと、ボーナスチップ、そして2つのツールが紹介されていました。 メモリ最適化というより、Flutt […]

  • 2023年3月18日

Flutter製のアプリを見分ける方法

対象者 使用しているスマホアプリがFlutterでできているのか、違うのか知りたい人。 手段 「スワイプができる」アプリに限られますが、指を1本と2本でスワイプしてみて、スワイプで移動するWidgetの速度が変わったら、Flutter製です。(2023/03/16 確認) 内部的に、指の分だけ移動しているので、2本でスワイプすると2本分の移動距離スワイプした扱いになるそうです。 過去の話 昔コピペ […]

  • 2023年3月16日
  • 2023年3月28日

【Flutter】リストをスワイプで消す(Dismissible)

対象者 FlutterでListView内のタイルなどをスワイプで消したい人 はじめに Flutterの中でリストの一覧を作成することがあります。その一覧の中のデータを削除しようとしたときに、長押しで削除確認ダイアログを出すようにしていました。しかしスワイプでも同じことができるということで、UX的にそっちの方が良いケースもあるでしょうから、実験してみました。 実施するソース urlsはListで中 […]

  • 2023年3月12日
  • 2023年3月12日

【Flutter】パララックス効果の実装方法！手軽に奥行きのあるUIを作ろう！

対象者 Flutterでパララックス効果をしたい人 はじめに Flutterでパララックス効果を使ってみたいと思っていました。 公式のサンプルを見ました。難しい。ちょー長い。諦めました。Flowとか頑張りたくない。 日本語でわかりやすそうな記事がありましたが、FlutterHooksを使っている。FlutterHooks、使わない。そのせいか、理解ができない。ただ、なんとなく実装の方向性は分かった […]

  • 2023年3月11日
  • 2023年3月11日

【Flutter】色のアニメーションを2つの方法で実装

対象者 Flutterで色をアニメーションで変えたい人 はじめに ちょっとボタンを目立つようにしたいなぁと思い、アニメーションでボタンの色が変更するようにしようとしました。検索しましたが、意外とうまくいく例がありませんでした。色々やって自分が納得できるものが完成しましたので、以下の二通りで紹介します。 AnimationController + AnimatedBuilder 複雑な処理ができる、 […]

  • 2023年3月9日

【Flutter】StatefulWidgetのStateのメソッドを実行する

対象者 FlutterでStatefulWidgetのイベントを、WidgetTreeの上のWidgetから呼び出したい人 はじめに FlutterでWidgetを組み合わせて、GUIのレイアウトを作成します。それで、実際に動作させようとしたとき「あれ、このWidgetの中身にどうやってアクセスするんだっけ」となるときがあります。親のWidgetから子のWidgetにコールバックを渡す、状態管理を […]

  • 2023年3月8日

【Flutter】ネットワーク画像の読み込み直後にイベントを実行

対象者 Flutterアプリで、ネットワークから画像をダウンロードが完了し、表示されるときの処理を設定したい はじめに チャットアプリの外観を実装しています。 メッセージを入力したときに画面がスクロールダウンして一番下に行くようにします。しかし画像があると、メッセージ入力直後にスクロールダウンしても、画像は読み込まれていないため、画像がサイズ0として計算された状態でスクロールされました。そして、そ […]

  • 2023年3月4日

【Flutter】画像の色を反転させる(白黒を入れ替える)

対象者 Flutterで画像の色(白黒)を反転させたい人 はじめに 画像を表示するときに、反転させる機能があったので、ご紹介します。 背景に白黒の画像を使うと、ライトモードとダークモードの切換時にこの機能でいけそうです。画像を2枚用意しなくてすみます。 実施するソース まあ、NetworkImageやAssetImageの引数invertColorsをtrueにするだけです。 画像を見てみる 白黒 […]