Flutter (70): Combining existing components
Composing UI Components in FlutterIn Flutter, page UIs are typically composed of low-level components. When we need to encapsulate some common components, we should first consider whether we can achie···
Flutter (69): Introduction to custom component methods
Customizing Components in FlutterWhen the existing components provided by Flutter cannot meet our needs, or when we need to encapsulate some common components for code sharing, we need to create custo···
Flutter (68): Animation transition component
Custom Animation Transition Components For convenience in expression, we define components that execute transition animations when their widget properties change as "animation transition componen···
Flutter (67): AnimatedSwitcher
67.1 AnimatedSwitcher1. IntroductionIn practical development, we often encounter scenarios where UI elements need to be switched, such as tab switches or route transitions. To enhance the user experie···
Flutter (66): Interlaced animation
66.1 IntroductionSometimes, we may need complex animations that consist of a sequence of animations or overlapping animations. For example, consider a bar chart where the height increases while changi···
Flutter (65): Hero Animation
65.1 Implementing Custom Hero AnimationFor example, we have a profile picture component that initially displays a small circular image. We want to implement a feature that allows users to click and vi···
Flutter (64): Custom route switching animation
Route Management and Custom Route Transition AnimationsIn the "Route Management" section, we mentioned that the Material component library provides a MaterialPageRoute component, which uses ···
Flutter (63): Basic animation structure and status monitoring
63.1 Basic Structure of AnimationIn Flutter, animations can be implemented in various ways. Below, we will demonstrate the differences between different animation implementations in Flutter using an e···
Flutter (62): Introduction to Flutter animation
62.1 Basic Principles of AnimationIn any UI framework, the principle of implementing animations is the same: rapidly change the UI appearance multiple times over a period. Due to the phenomenon of vis···
Flutter (61): Notification
Notifications are an important mechanism in Flutter. In the widget tree, each node can dispatch notifications, which propagate upward through the current node, allowing all parent nodes to listen to t···
Flutter (60): Event Bus
In an app, we often need a broadcasting mechanism for cross-page event notifications. For example, in a login-required app, pages need to listen for user login or logout events to update their states ···
Flutter (59): Gesture principles and gesture conflicts
59.1 Principles of Gesture RecognitionGesture recognition and handling occur during the event dispatch phase. GestureDetector is a StatelessWidget that contains RawGestureDetector. Let’s take a look ···
Flutter (58): Flutter event mechanism
58.1 Flutter Event Handling ProcessThe Flutter event handling process primarily consists of two steps. To focus on the core flow, we will use user touch events as an example:Hit Testing: When a finger···
Flutter (57): Gesture Recognition
57.1 GestureDetectorThis section introduces the GestureDetector and GestureRecognizer used in Flutter to handle gestures, followed by a detailed discussion on gesture competition and conflict.GestureD···
Flutter (56): Raw pointer event processing
56.1 Introduction to Raw Pointer EventsThis section introduces raw pointer events (Pointer Event, typically touch events on mobile devices), while the next section will cover gesture handling.In mobil···
Flutter (55): Detailed explanation of dialog boxes
This section will provide a detailed overview of how to use dialogs in Flutter, including their implementation principles, style customization, and state management.55.1 Using DialogsDialogs are essen···