What is Flutter?
Flutter is an open source UI toolkit for building natively compiled mobile, web, and desktop applications using a single code base. Developed by Google, Flutter allows developers to build applications that are expressive, flexible in design, beautiful in style, and fast. The core language of Flutter is Dart, which is a modern multi-paradigm language that can compile native code for multiple platforms.
One of the main advantages of Flutter is that it creates high-performance applications with smooth and responsive user interfaces. Flutter's architecture and UI elements are highly customizable and extensible, allowing developers to easily create eye-catching applications.
Who is using Flutter?
Flutter is used by many large and well-known organizations. Corporate giants such as Google, BMW, Alibaba, ByteDance, eBay, Tencent, and Toyota are all users of Flutter. This proves that Flutter is a mature and stable technology that is fully capable of supporting large-scale enterprise-level applications.
Flutter’s irreplaceable advantages
As a cross-platform development framework, Flutter has the following advantages:
- Write once, run on multiple platforms: Flutter uses the Dart language for development and can run on multiple platforms such as Android and iOS at the same time through a set of codes, greatly reducing development costs and time.
- Responsive UI: Flutter uses its own rendering engine to achieve high-performance responsive UI, allowing applications to maintain a smooth user experience on different devices.
- Hot reload: Flutter's hot reload function can update the application's code and UI in real time without restarting the application, greatly improving development efficiency.
- Rich UI components: Flutter provides a wealth of UI components, which can easily build beautiful user interfaces and customize styles and interactive effects.
- Excellent performance: Flutter's rendering engine can directly operate the underlying hardware, has excellent performance, and can achieve smooth animation effects and efficient UI rendering.
- Powerful tool support: Flutter provides a wealth of development tools, including debuggers, hot reloading, layout inspectors, etc., which can help developers quickly locate and solve problems.
- Active community support: Flutter has an active developer community that provides a large number of open source libraries and plug-ins to help developers quickly implement various functions and effects.
How to learn Flutter
Because Flutter lacks a systematic and feasible learning syllabus or learning route, in this regard, I conducted in-depth exploration and established a Flutter full-stack syllabus to avoid newbies who do not have perfect previous learning experience. And taking detours is a waste of time.
In order to make it easier for everyone to learn Flutter quickly, here is a Flutter learning roadmap and "Flutter Dart Language Programming from Introduction to Mastery" & "Flutter Practical Combat: Second Edition" to help you configure the relevant environment, learn the basic syntax of Flutter, and the final project practice use.
Learning route:
Dart language is the development language of Flutter, so we need to master the basic knowledge of Dart language
"Flutter Dart language programming from entry to mastery"
Chapter 1 Dart Language Basics
- Environmental preparation
- basic grammar
Chapter 2 Dart Asynchronous Programming
- Dart's event loop
- Scheduling tasks
- Delayed tasks
- Detailed explanation of Future
- async and await
- lsolate
Chapter 3 Detailed explanation of asynchronous Stream
- What is Stream
- Single subscription flow
- broadcast stream
- Stream Transformer
- Summarize
Chapter 4 Dart standard input and output streams
- File operations
Chapter 5 Dart Network Programming
- TCP server
- TCP client
- UDP server
- UDP client
- HTTP servers and requests
- WebSocket
Chapter 6 Flutter crawler and server
- Dart crawler development
- Dart server
- Create a Flutter project demo
- Summarize
Chapter 7 Dart’s server-side development
- Registration and login implementation
Chapter 8 Dart calls C language hybrid programming
- Environmental preparation
- Test Dart ffi interface
- Summarize
Chapter 9 Mutual calls between Dart and Lua in LuaDardo
- Take the C API
- Create runtime
- Dart tunes Lua
- Lua tunes Dart
After mastering the Dart language, we can master the knowledge points of Flutter through actual combat
"Flutter in Action: Second Edition"
Chapter 1: Getting Started
- 1.1 Introduction to mobile development technology
- 1.2 Initial Flutter
- 1.3 Build Flutter development environment
- 1.4 Introduction to Dart language
Chapter 2: The first Flutter application
- 2.1 Counter application examples
- 2.2 Introduction to Widgets
- 2.3 Status management
- 2.4 Routing management
- 2.5 Package Management
- 2.6 Resource Management
- 2.7 Debugging Flutter applications
- 2.8 Flutter exception capture
Chapter 3: Basic Components
- 3.1 Text and style
- 3.2 Button
- 3.3 Pictures and ICONs
- 3.4 Radio switches and checkboxes
- 3.5 Input boxes and forms
- 3.6 Progress indicator
Chapter 4: Layout components
- 4.1 Introduction to layout components
- 4.2 Layout principles and constraints (constraints)
- 4.3 Linear layout (Row and Column)
- 4.4 Flexible layout (Flex)
- …
Chapter 5: Container Components
- 5.1 Padding
- 5.2 Decorated container (DecoratedBox)
- 5.3 Transform
- 5.4 Container component (Container)
- 5.5 Clip
- 5.6 Spatial adaptation (FittedBox)
- 5.7 Page skeleton (Scaffold)
Chapter 6: Scrollable Components
- 6.1 Introduction to scrollable components
- 6.2 SingleChildScrollView
- 6.3 ListView
- 6.4 Rolling monitoring and control
- …
Chapter 7: Functional Components
- 7.1 Navigation return interception (WillPopScope)
- 7.2 Data Sharing (InheritedWidget)
- 7.3 Cross-component state sharing
- 7.4 Colors and themes
- 7.5 Rebuild on demand (ValueListenableBuilder)
- 7.6 Asynchronous UI update (FutureBuilder, StreamBuilder)
- 7.7 Detailed explanation of dialog box
Chapter 8: Event processing and notification
- 8.1 Raw pointer event processing
- 8.2 Gesture recognition
- 8.3 Flutter event mechanism
- 8.4 Gesture principles and gesture conflicts
- 8.5 Event bus
- 8.6 Notification
Chapter 9: Animation
- 9.1 Introduction to Flutter animation
- 9.2 Basic animation structure and status monitoring
- 9.3 Customize route switching animation
- 9.4 Hero animation
- 9.5 Interweaving animation
- 9.6 Animated Switcher Component (AnimatedSwitcher)
- 9.7 Animation transition component
Chapter 10: Custom Components
- 10.1 Introduction to custom component methods
- 10.2 Combining existing components
- 10.3 Combination example: TurnBox
- 10.4 CustomPaint and Canvas
- 10.5 Self-drawn example: circular background gradient progress bar
- 10.6 Self-drawn component: CustomCheckbox
- 10.7 Self-drawn component: DoneWidget
- 10.8 Watermark Example: Text Drawing and Off-Screen Rendering
Chapter 11: File Operations and Network Requests
- 11.1 File operations
- 11.2 Initiating HTTP requests through HttpClient
- 11.3 Http request library-dio
- 11.4 Example: HTTP chunked download
- …
Chapter 12: Flutter extension
- 12.1 Packages and plugins
- 12.2 Flutter Web
Chapter 13: Internationalization
- 13.1 Make the App support multiple languages
- 13.2 Implementing Localizations
- 13.3 Using the Intl package
- 13.4 Internationalization FAQs
Chapter 14: Core Principles of Flutter
- 14.1 Flutter UI Framework (Framework)
- 14.2 Element、BuildContext和RenderObject
- 14.3 Flutter startup process and rendering pipeline
- 14.4 Layout process
- 14.5 Drawing (1) Drawing principles and Layer
- …
Chapter 15: A complete Flutter application
- 15.1 Github client example
- 15.2 Flutter APP code structure
- 15.3 Model class definition
- 15.4 Global variables and shared state
- 15.5 Network request encapsulation
- 15.6 APP entrance and homepage
- 15.7 Login page
- 15.8 Multi-language and multi-theme
Due to too much content, the screenshot shows the catalog and some contents. To get the complete document, scan the QR code below to get it for free!
