Parcourir la source

[flutter]: EditableTextLine render graph

appflowy il y a 3 ans
Parent
commit
5c0abd915c
1 fichiers modifiés avec 33 ajouts et 0 suppressions
  1. 33 0
      doc/EDITOR.md

+ 33 - 0
doc/EDITOR.md

@@ -0,0 +1,33 @@
+
+
+```
+//          Widget                                 Element                      RenderObject
+//
+//                                    │                                │
+//
+//    ┌─────────────────────┐         │   ┌────────────────────────┐   │  ┌─────────────────────────┐
+//    │ RenderObjectWidget  │◀────────────│    _TextLineElement    │─────▶│ RenderEditableTextLine  │
+//    └─────────────────────┘         │   └────────────────────────┘   │  └─────────────────────────┘
+//               △                                     │                               │
+//               │                    │                │               │     ┌─────────▽────────┐
+//               │                                     ▽                     │RenderEditableBox │
+//    ┌────────────────────┐          │    ┌──────────────────────┐    │     └──────────────────┘
+// ┌──│  EditableTextLine  │               │ RenderObjectElement  │                    │
+// │  └────────────────────┘          │    └──────────────────────┘    │               ▽
+// │                                                                            ┌────────────┐
+// │                                  │                                │        │ RenderBox  │
+// │                                                                            └────────────┘
+// │    body   ┌────────────┐         │                                │               │
+// ├──────────▶│  TextLine  │                                                          ▽
+// │           └────────────┘         │                                │        ┌─────────────┐
+// │                                                                            │RenderObject │
+// │           ┌────────────┐         │                                │        └─────────────┘
+// └──────────▶│    Line    │
+//             └────────────┘         │                                │
+//
+//                                    │                                │          Layout, size, painting and
+// Widget: holds the config for a             Represents an actual                comositing
+// piece of UI.                       │       piece of UI              │
+//
+//
+```