It goes without saying that Flutter is important. It is now the leader in cross-platform development. With just one code base, you can build, test and publish beautiful applications for mobile, web, desktop and embedded platforms. It is also one of the technologies that we Android programmers must master. It is a must-ask for job-hopping interviews and a must-have for career advancement.
Many books and blogs on the market are based on low-version Flutter applications. Even if there is the latest Flutter technology, it is scattered everywhere, and the latest technical points have not been systematically sorted out, interpreted and applied. If you continue to learn low-level versions The application will bring unnecessary cost of knowledge update to many beginners, and will also take many detours.
In view of the lack of systematic learning materials on Flutter 3.x on the market, here are two Flutter learning notes suitable for zero-based experience：
"Flutter Dart language programming from entry to master": explains the basics of Dart language, asynchronous programming, standard input and output streams, network programming and calling C language programming, which can help everyone quickly Get started with Dart language.
"Flutter Practical Drill: Second Edition": It explains in detail the core principles of Flutter's major components and guides you to create your first Flutter application. It can help Everyone masters the framework principles and underlying design ideas behind Flutter and establishes their own knowledge system.
(Partners who need the complete document can click at the end of the article to see how to obtain it!)
"Flutter Dart language programming from entry to mastery"
Table of contents
"Flutter Practical Drill: Second Edition"
Table of contents
Chapter 1 Getting Started
- Introduction to mobile development technology
- First introduction to Flutter
- Build Flutter development environment
- Introduction to Dart language
Chapter 2 The first Flutter application
- Counter application example
- Introduction to Widgets
- Status management
- Route management
- Package management
- Resource management
- Debugging Flutter apps
- Flutter exception catching
Chapter 3 Basic Components
- Text and styles
- button
- Pictures and ICONs
- Radio switches and checkboxes
- Input boxes and forms
- progress indicator
Chapter 4 Layout Components
- Introduction to layout components
- Layout principles and constraints (constraints)
- Linear layout (Row and Column)
- Flexible layout (Flex)
- Flow layout (Wrap, Flow)
- Stacked layout (Stack, Positioned)
- Alignment and relative positioning (Align)
- LayoutBuilder、AfterLayout
Chapter 5 Container Components
- Padding
- Decorated container (DecoratedBox)
- Transform
- Container component (Container)
- Clip
- Spatial adaptation (FittedBox)
- Page skeleton (Scaffold)
Chapter 6 Scrollable Components
- Introduction to scrollable components
- SingleChildScrollView
- ListView
- Scroll monitoring and control
- AnimatedList
- GridView
- PageView and page caching
- Scrollable component child caching
- TabBarView
- CustomScrollView 和 Slivers
- Custom Sliver
- Nested scrollable component NestedScrollView
Chapter 7 Functional Components
- Navigation return interception (WillPopScope)
- Data sharing (InheritedWidget)
- Cross-component state sharing (Provider)
- Color and theme (Theme)
- ValueListenableBuilder
- Asynchronous UI update (FutureBuilder, StreamBuilder)
- Detailed explanation of dialog box
Chapter 8 Event Processing and Notification
- Raw pointer event handling
- Gesture Recognition
- Flutter event mechanism
- Gesture principle and gesture conflict
- global event bus
- Notification
Chapter 9 Animation
- Introduction to Flutter Animation
- animation structure
- Custom routing transition animation
- Hero animation
- Intertwined animation
- Universal "animated switching" component (AnimatedSwitcher)
- animated transition component
Chapter 10 Custom Components
- Introduction to custom component methods
- Combine existing components
- Combination example: TurnBox
- CustomPaint and Canvas
- Self-drawn example: circular gradient progress bar
- Self-drawn component: CustomCheckbox
- Self-drawn component: DoneWidget
- Watermark component example: text drawing and off-screen rendering
Chapter 11 File Operations and Network Requests
- File operations
- Http request-HttpClient
- Http request-Dio package
- Example: HTTP chunked download
- WebSocket
- Using Socket API
- Json to Dart Model class
Chapter 12 Flutter Extension
- Packages and plugins
- Flutter Web
Chapter 13 Internationalization
- Make the app support multiple languages
- Implement Localizations
- Using the Intl package
- Internationalization FAQ
Chapter 14 Core Principles of Flutter
- Flutter UI framework (Framework)
- Element、BuildContext和RenderObject
- Flutter startup process and rendering pipeline
- Flutter layout (Layout) process
- Flutter Drawing (1) Drawing Principle and Layer
- Flutter drawing (2) component tree drawing process
- Flutter drawing (3) Layer instance
- Flutter drawing (4) Compositing
Chapter 15 A complete Flutter application
- Github client example
- Flutter APP code structure
- Model class definition
- Global variables and shared state
- Network request encapsulation
- APP entrance and home page
- Login page
- Multi-language and multi-theme
