Flutter (98): Flutter APP code structure
First, let's create a brand-new Flutter project named "github_client_app." The steps to create a new project may vary depending on the editor used by the reader, but they are relatively ···
Flutter (97): Drawing (IV) Compositing
This section introduces flushCompositingBits().Now, let’s review Flutter’s rendering pipeline:voiddrawFrame(){pipelineOwner.flushLayout();pipelineOwner.flushCompositingBits();pipelineOwner.flushPain···
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 (87): Implementing Localizations
In the previous section, we discussed how the Material component library supports internationalization. In this section, we will explore how to support multiple languages in our own UI. As mentioned e···
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···
Flutter (85): Flutter web
12.2.1 IntroductionFlutter currently supports multiple platforms including macOS, Windows, Linux, Android, iOS, and Web. Among these, the Web platform is somewhat unique because, unlike the others, it···
Flutter (84): Packages and plugins
This section will introduce packages and plugins in Flutter, along with some commonly used packages, but will not cover specific implementations.12.1.1 PackagesIn Chapter 2, we discussed how to use pa···
Flutter (83): Convert JSON to Dart Model class
83.1 JSON to Dart Classes1. IntroductionIn practical applications, backend APIs often return structured data such as JSON or XML. For example, the data returned from requesting the GitHub API is a JSO···