Flutter (96): Drawing (three) Layer example
1 Implementing Drawing Cache Using LayersIn this section, we will demonstrate how to use Layers in custom components by optimizing the previous "Drawing Chessboard Example."We initially used···
Flutter (95): Drawing (II) Component tree drawing process
The drawing-related implementations are found in the rendering object RenderObject. The main properties related to drawing within RenderObject include:layerisRepaintBoundary (type: bool)needsCompositi···
Flutter (94): Drawing (I) Drawing Principles and Layer
1 Flutter Rendering PrinciplesIn Flutter, there are three objects related to rendering: Canvas, Layer, and Scene:Canvas: Encapsulates various drawing instructions of Flutter Skia, such as drawing line···
Flutter (93): Layout process
Layout ProcessThe layout process primarily determines the layout information (size and position) for each component. The Flutter layout process is as follows:The parent node passes constraint informat···
Flutter (92): Flutter startup process and rendering pipeline
1 Application StartupIn this section, we will first introduce the startup process of Flutter, and then discuss the Flutter rendering pipeline.The entry point of Flutter is in the main() function locat···
Flutter (91): Element, BuildContext and RenderObject
1 Elementwe introduced the relationship between Widgets and Elements. We know that the final UI tree is composed of individual Element nodes. We also mentioned that the layout and rendering of compone···
Flutter (90): Flutter UI Framework
1 What is a UI Framework?we discussed that Flutter is divided into three layers: the framework layer, the engine layer, and the embedding layer. We noted that developers primarily interact with the fr···
Flutter (89): Common issues with internationalization
This section primarily addresses common issues encountered in internationalization.1 Incorrect Default LocaleIn some Android and iOS devices purchased from non-mainland channels, the default locale ma···
Flutter (88): Using the Intl package
1 Adding DependenciesBy using the Intl package, we can not only easily implement internationalization but also separate string texts into individual files, facilitating collaboration between developer···
Flutter (86): Make App support multiple languages
1 IntroductionIf our application needs to support multiple languages, we need to "internationalize" it. This means that during development, we need to set "localized" values for ea···