A definitive guide to RenderObjects in Flutter

A definitive guide to RenderObjects in Flutter

27.823 Lượt nghe
A definitive guide to RenderObjects in Flutter
Everyone knows how to use widgets in Flutter, however, RenderObjects are a secret to most - so we are tackling exactly that topic in great depth :) https://twitter.com/creativemaybeno/status/1342875877823098885?s=20 Links in this video: My article on Drawing Every Line Pixel-perfectly with Custom Render Objects https://medium.com/flutter-community/pure-flutterclock-face-every-line-customly-drawn-with-pixel-perfect-control-c27cba427801 Flutter Understanding constraints https://flutter.dev/docs/development/ui/layout/constraints My RenderObjects Q&A on Twitter https://twitter.com/creativemaybeno/status/1341873797222322182?s=20 RenderSliver documentation https://api.flutter.dev/flutter/rendering/RenderSliver-class.html RenderBox documentation https://api.flutter.dev/flutter/rendering/RenderBox-class.html My funvas package for drawing custom canvas animations https://github.com/creativecreatorormaybenot/funvas Suragch1's Flutter widget from scratch article https://suragch.medium.com/creating-a-flutter-widget-from-scratch-a9c01c47c630#e864 My StackOverflow answer on CustomMultiChildLayout https://stackoverflow.com/questions/59483051/how-to-use-custommultichildlayout-customsinglechildlayout-in-flutter/59483482#59483482 Code for my Flutter clock that uses only custom render objects on GitHub https://github.com/creativecreatorormaybenot/clock How Flutter renders widgets https://www.youtube.com/watch?v=996ZgFRENMs Slivers Explained - Making Dynamic Layouts (The Boring Flutter Development Show, Ep. 12) https://www.youtube.com/watch?v=Mz3kHQxBjGg 0:00 Introduction 1:57 What are RenderObjects? 8:38 RenderBox 11:31 RenderSliver 14:57 CustomPaint 16:40 CustomSingle/MultiChildLayout 19:16 RenderObjectWidget 23:48 ParentData 33:19 Layout 48:43 computeDryLayout 1:03:35 updateRenderObject 1:12:21 Intrinsics 1:22:30 Baselines 1:26:40 Painting 1:40:01 Hit testing 2:02:00 Semantics 2:13:08 RenderProxyBox 2:21:39 When should you create RenderObjects? 2:25:27 Q&A 2:38:48 Where can you learn more? 2:43:13 You can learn anything.