RenderObject とは何か?animated_to に学ぶレイアウト計算と描画の仕組み by ちゅーやん

FlutterKaigi 2025
セッション

RenderObject とは何か?animated_to に学ぶレイアウト計算と描画の仕組み

chooyan_i18n ちゅーやん chooyan_i18n

概要

Widget の「移動」をアニメーションする animated_to というパッケージを開発して公開しました。これを使うと from/to を計算することなく自由に Widget を動かせます。

そんな animated_to は RenderObject をカスタマイズすることで実現しています。from/to の計算、描画位置の更新、これらはいずれも RenderObject の仕事であり、そこに Widget のリビルドは発生しません。リビルドが必要ないのでアニメーションも滑らかです。

このセッションでは、animated_to の実装を例に RenderObject の仕組みとカスタマイズ方法について説明します。

想定視聴者

  • Flutter の内部的な仕組みに興味のある方
  • 描画のパフォーマンスを細かくチューニングしたい方