Flutter (82): Using Socket API
82.1 Introduction to SocketsThe Socket API is a set of basic, standardized APIs provided by the operating system to implement application-layer network protocols. It encapsulates transport-layer netwo···
Flutter (81): Using WebSockets
The HTTP protocol is stateless, meaning that clients can only initiate requests, and servers respond passively. The server cannot actively push content to the client, and once the server's respons···
Flutter (80): Example Http block download
80.1 Principles of HTTP Chunked DownloadThis section will demonstrate the specific usage of Dio through an example of "HTTP chunked downloading."The HTTP protocol defines the Transfer-Encodi···
Flutter (79): Http request library - dio
79.1 Introducing DioAs mentioned in the previous section, directly using HttpClient to make network requests can be cumbersome, as many aspects require manual handling. When it comes to file uploads/d···
Flutter (78): Initiate HTTP request through HttpClient
The Dart IO library provides several classes for initiating HTTP requests, and we can directly use HttpClient to make requests. Initiating a request using HttpClient involves five steps:Create an Http···
Flutter (77): File Operations
The Dart IO library includes classes related to file reading and writing, and it is part of the Dart syntax standard. Therefore, whether it's a script running under Dart VM or Flutter, file operat···
Flutter (76): Watermark Example: Text Drawing and Off-Screen Rendering
In this section, we will introduce how to draw text and perform off-screen rendering by implementing a watermark component.In practical scenarios, watermarks usually need to cover the entire screen. I···
Flutter (75): Self-drawn components: DoneWidget
In this section, we will implement a DoneWidget that performs a checkmark animation upon creation, as shown in Figure:The implementation code is as follows:classDoneWidgetextendsLeafRenderObjectWidget···
Flutter (74): Self-drawn component: CustomCheckbox
74.1 CustomCheckboxThe default Checkbox component in Flutter does not allow for custom sizing. In this section, we will demonstrate how to create a CustomCheckbox component that supports customizable ···
Flutter (73): Self-drawn example: circular background gradient progress bar
In this section, we will implement a circular background gradient progress bar with the following features:Support for multiple background gradient colors.Arbitrary arc angles; the progress bar does n···
Flutter (72): CustomPaint and Canvas
Custom Drawing in Flutter For some complex or irregular UIs, we may not be able to achieve the desired result simply by combining other components. For instance, we might need a regular hexagon, a gra···
Flutter (71): Combination example TurnBox
Implementing a TurnBox Component in FlutterWe have previously introduced the RotatedBox, which can rotate its child components, but it has two drawbacks: first, it can only rotate its child nodes in m···
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···