Flutter (66): Interlaced animation

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···
views:255
Flutter (65): Hero Animation

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···
views:188
Flutter (64): Custom route switching animation

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 ···
views:241
Flutter (62): Introduction to Flutter animation

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···
views:231
Flutter (61): Notification

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···
views:219
Flutter (60): Event Bus

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 ···
views:229
Flutter (59): Gesture principles and gesture conflicts

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 ···
views:195
Flutter (58): Flutter event mechanism

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···
views:198
Flutter (57): Gesture Recognition

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···
views:235
Flutter (56): Raw pointer event processing

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···
views:274
Flutter (55): Detailed explanation of dialog boxes

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···
views:284
Flutter (53): rebuild on demand (ValueListenableBuilder)

Flutter (53): rebuild on demand (ValueListenableBuilder)

53.1 ValueListenableBuilderInheritedWidget provides a way to share data from top to bottom within the widget tree, but there are many scenarios where the data flow is not strictly top-to-bottom, such ···
views:257
Flutter (52): Colors and themes

Flutter (52): Colors and themes

52.1 ColorsBefore introducing themes, let’s first take a look at the Color class in Flutter. Colors in the Color class are represented as an int value. We know that the color on a display is composed···
views:208
Flutter (51): Sharing state across components

Flutter (51): Sharing state across components

51.1 Synchronizing State through EventsIn Flutter development, state management is an enduring topic. The general principle is: if the state is private to a component, it should be managed by that com···
views:256