FlutterでIsolateを用いた並列処理をするべきシーンとそのやり方
操作感の良いアプリとするためには、ユーザー操作に即座に反応し、滑らかな画面更新がなされることが重要です。現在普及しているモバイル端末の多くは60fps(1秒間に60回の頻度)で画面更新をするようになっていて(iPad Proなど120fpsの端末も一部存在します)、つまりアプリケーションコードはそれに間に合うように約16ms以内に処理を実行する必要があります。これを超えると、操作に対する反応がワンテンポ遅れてもっさり感がでたり、画面がカクついたぎこちないものとなって、使用感が下がってしまいます。 本記事では、Flutterでアプリを作る際にこのあたりについてはどうケアしていけば良いのかを解説します。記事は少し長くなりますが、要点は以下です。 TL;DR大前提として、Dartの実行モデルはシングルスレッド・イベントループであるMain Isolateだけでは Futures・Streams
[Flutter]アプリのライフサイクルについての個人的まとめ
アプリのライフサイクルとは アプリはいつでも使っているわけじゃなく、上から設定の画面や電話画面が割り込んできたりする。また、バックに移動させて、違うアプリを開いたりするように色んな状態をもつ。 一時停止や復旧に対応した処理を準備しておくこと についての技術(UXの向上につながる) statefulWidgetが「画面」のライフサイクルなら画面の割り込み時などの状態は「アプリ」のライフサイクルだと言える ソースコードの例 ポイントは以下から引用してきた部分 didChangeAppLifecycleStateというメソッドが変更があるたびに呼び出されます。 引数のAppLifecycleStateは状態に対応する以下の4つのいずれかを返します。 AppLifecycleState.inactive:非アクティブ時 AppLifecycleState.paused:停止時 AppLifecyc
![[Flutter]アプリのライフサイクルについての個人的まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/1980e02a1da4c1cedc95f35c4dd04544df1c45b4/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--NmLNSwST--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BFlutter%25255D%2525E3%252582%2525A2%2525E3%252583%252597%2525E3%252583%2525AA%2525E3%252581%2525AE%2525E3%252583%2525A9%2525E3%252582%2525A4%2525E3%252583%252595%2525E3%252582%2525B5%2525E3%252582%2525A4%2525E3%252582%2525AF%2525E3%252583%2525AB%2525E3%252581%2525AB%2525E3%252581%2525A4%2525E3%252581%252584%2525E3%252581%2525A6%2525E3%252581%2525AE%2525E5%252580%25258B%2525E4%2525BA%2525BA%2525E7%25259A%252584%2525E3%252581%2525BE%2525E3%252581%2525A8%2525E3%252582%252581%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3At.fukuyama%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2MwOWYxMWIwMjMuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
