🦜

Flutterアプリをヌルヌルにする方法

2024/10/21に公開

カクカクなFlutter

3年以上、Flutterエンジニアをしています。
Flutterの代名詞といえば、やっぱり「カクツク」こと。

Flutterはコスパ面からスタートアップ系のアプリに採用されますが、SNS広告で出てくるアプリは、だいたい完成度が低くてカクカクしていますよね。絶対Flutter製だと先入観持っています。どんなに斬新なアプリでもカクツクと萎える。

それが理由でFlutter採用を敬遠するエンジニアも多い印象です。

そんな私のアプリも以前はカクカクでした。
今ではiOSエンジニアから「ヌルヌルじゃん」と評してもらえるようになって嬉しい。

カクツク原因は?

色んな理由があると思います。特にリスト周りが原因なことが多い印象。
よくあるパターンが「Column」に「Widget」を詰め込み過ぎている場合。
理由として「ListView.builder」だとエラーが出て使えないから、やむを得ずという場合が多そうです。もしくは「ListView.builder」と「Column」を無理やり組み合わせて使っていたり。

そんな時は 「CustomScrollView」「SliverList」 を使ってください。
これでヌルヌルになります。
詳しくはAIに聞いたら分かるので解説しません。

これをすることできっと幸せになれるでしょう。
もしくは再ビルドの問題か、メモリの問題か、レイアウトの問題か。
その場合はAIにファイルごとぶん投げて原因を尋ねてください。

皆でFlutterの過去の悪評を払拭させませんか?

Discussion