週刊Flutter #0

Dart

2020.11.10

概要

どうも、@daiki1003です！

週刊Flutterとは？

毎週月曜日12時更新。 Flutterに関する記事で、前週に特に@daiki1003の興味を引いたものや勉強になった記事をお届けします。自分の記事を載せてくれやあの記事良かったよなどの自薦/他薦もお待ちしております！

Building performant Flutter widgets

Building performant Flutter widgets

This article is part of a series developed after the Flutter Material team worked on making the Flutter Gallery app more performant on the…

概要

・AnimationListenerのaddListener内でsetStateをしない
・ListView(children: […]) vs ListView.builder
　- 予め描画する個数がわかっており、そこまで多くない場合は前者
　- それ以外は後者
　　- ListView.builderは描画する範囲のWidgetを都度描画する
・framework.dartをごにょごにょすると各Widgetのビルド回数が分かる

InteractiveViewer

概要

・画面サイズをはみ出す際に、ズームなどよしなに出来る様にしてくれるWidget

Improving perceived performance with image placeholders, precaching, and disabled navigation transitions

Improving perceived performance with image placeholders, precaching, and disabled navigation…

Perceived performance is how fast an application feels to the user. This article covers three strategies that you can use in your…

概要

・ネットワークから画像を取得する際に、Widgetサイズがかわり画面がガチャガチャしてしまうことがる
・Image.frameBuilderを使えばこの問題に対処出来る
・precacheImageなんて言うメソッドもあるので有効活用出来ると良い

Learn Flutter Hooks and Maximize Your Code Reuse

概要

・StatefulWidgetではinitStateやdisposeしなきゃいけないけどFlutterHooksを使えば、
ボイラープレートを減らせるよ
・Hookを継承した新しいusexxxxメソッドの作り方の説明

dart の stream を理解して async* と yield を正しく使う

dart の stream を理解して async* と yield を正しく使う - Qiita

はじめにdartのstream、初めてみたときは「なんだコレ」と思いました。パッと見難しげで、ちょっと避けていました。ただ、最近避けて通れなくなった出来事もあり、その際にだいぶ理解できたので、なん…

概要

・Streamはデータをつなぐ架け橋を作る、橋の両端はクラスだろうがメソッドだろうがなんでも可
・”.sink.add”でデータを流す、”.listen”でデータの流れを監視
・await forでデータの流れの終わりまで待って続きの処理を行う
・async*を書くと戻り値がStreamになる、yieldはasync*を記述された関数のreturnの代わりになる