Flutter (102): APP entrance and home page
1 APP Entry PointThe main function serves as the entry point for the app, implemented as follows:voidmain()=>Global.init().then((e)=>runApp(MyApp()));UI (MyApp) will only be loaded after initial···
Flutter (101): Network request encapsulation
In this section, we will encapsulate the network request interfaces used in our app based on the previously introduced Dio network library, while also applying a simple network request caching strateg···
Flutter (100): Global variables and shared state
Global Variables and Shared State in Flutter ApplicationsApplications typically contain variables that are relevant throughout their lifecycle, such as current user information and local settings. In ···
Flutter (99): Model class definition
15.3 Data Preparation for the AppIn this section, we will outline the data needed for the app and then generate the corresponding Dart model classes. The approach to converting JSON files to Dart mode···
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···