Flutter (27): Stack, Positioned
Layered layout is similar to absolute positioning in the Web or Frame layout in Android, where child components can position themselves based on their distance from the four corners of the parent cont···
Flutter (25): Flexible layout (Flex)
A flexible layout allows child components to allocate the parent container's space according to certain proportions. The concept of flexible layout exists in other UI systems as well, such as the ···
Flutter (23): Layout principles and constraints
Size-limiting containers are used to restrict the size of a container. Flutter provides several such containers, including ConstrainedBox, SizedBox, UnconstrainedBox, AspectRatio, etc. This section wi···
Flutter (19): Radio switches and checkboxes
3.4.1 IntroductionThe Material component library provides Material-styled switches (Switch) and checkboxes (Checkbox). Although both inherit from StatefulWidget, they do not maintain their selected st···
Flutter (18): Pictures and Icons
3.3.1 ImagesIn Flutter, we can use the Image widget to load and display images. The image source can be from assets, files, memory, or the internet.1. ImageProviderImageProvider is an abstract class t···
Flutter (15): Flutter exception capture
Before introducing Flutter's exception handling, it is essential to understand Dart's single-threaded model. Only by knowing Dart's code execution process can we determine where to capture···
Flutter (14): Debugging Flutter apps
14.1 Logs and Breakpoints1. The debugger() StatementWhen using the Dart Observatory (or another Dart debugger, such as the one in IntelliJ IDE), you can insert programmatic breakpoints using the debug···
Flutter (12): Package Management
2.5.1 IntroductionIn software development, there are often libraries or SDKs that many projects may need to use. To improve development efficiency, these common codes can be extracted into an independ···
Flutter (10): State Management
10.1 IntroductionIn reactive programming frameworks, "state management" is an eternal topic. Whether it's in React/Vue (both are web development frameworks that support reactive programm···
Flutter (8): Counter application example
2.1.1 Creating a Flutter Application Template1. Creating the ApplicationUse either Android Studio or VS Code to create a new Flutter project named "first_flutter_app". Once created, you will···