Flutter Self-study Introductory Notes Tutorial (Dart Language + Common Flutter Components + Network Programming + Project Analysis)

As a new technology, Flutter does not have many related information books. But as far as the influence of Flutter ecology is concerned, it has become stronger and stronger. For example, among the most popular technologies in 2021 on the StackOverflow website, the Dart language ranks 7th. With Google's advancement of Flutter's cross-platform solutions, it is estimated that more and more developers will use Flutter to build their applications.

Especially from the perspective of Flutter books written in recent years and the development of Flutter projects, there are the following suggestions for learning Flutter :

1. Short, fast, and precise, that is, to concentrate in a short period of time, such as a week.

2. Grasp the core foundation, watch the video program at 2 times the speed in 2 days, and start writing the content of the videos watched in the first two sessions on the third day.

3. Write a few small projects, such as shopping malls. Many video tutorials and books also contain small projects.

For this reason, here are two Flutter study notes suitable for zero foundation from the intranet of a certain song , to help you master the cross-platform technology of Flutter from entry to actual combat.

"Flutter Dart Language Programming Beginner to Proficiency" : Explains the basics of Dart language, asynchronous programming, standard input and output streams, network programming and calling C language programming, which can help you quickly get started with Dart language.
"Flutter Practical Exercise: Second Edition" : It explains in detail the core principles of Flutter's major components, and takes you to build the first Flutter application, which can help you master the framework principles and underlying design ideas behind Flutter, and build your own knowledge system.

(Partners who need complete documents can click the card below to view how to obtain them!)

"Flutter Dart language programming entry to proficiency"

Table of contents

insert image description here

"Flutter Practical Walkthrough: Second Edition"

Table of contents

insert image description here

Chapter One Getting Started

  • Introduction to Mobile Development Technologies
  • Getting to know Flutter
  • Build a Flutter development environment
  • Introduction to Dart language

insert image description here

Chapter 2 The first Flutter application

  • Counter application example
  • Widget Introduction
  • state management
  • routing management
  • package management
  • resource management
  • Debug Flutter app
  • Flutter exception capture

insert image description here

Chapter 3 Basic Components

  • Text and Style
  • button
  • Picture and ICON
  • Radio switches and checkboxes
  • Input box and form
  • progress indicator

insert image description here

Chapter 4 Layout Components

  • Introduction to Layout Components
  • Layout principles and constraints (constraints)
  • Linear layout (Row and Column)
  • Elastic Layout (Flex)
  • Flow layout (Wrap, Flow)
  • Cascade layout (Stack, Positioned)
  • Alignment and Relative Positioning (Align)
  • LayoutBuilder、AfterLayout

insert image description here

Chapter 5 Container Components

  • Padding
  • Decorated Container (DecoratedBox)
  • Transform
  • Container Components (Container)
  • Clipping
  • Space adaptation (FittedBox)
  • Page skeleton (Scaffold)

insert image description here

Chapter 6 Scrollable Components

  • Introduction to Scrollable Components
  • SingleChildScrollView
  • ListView
  • Scroll monitoring and control
  • AnimatedList
  • GridView
  • PageView and page caching
  • Scrollable component child cache
  • TabBarView
  • CustomScrollView 和 Slivers
  • Custom Sliver
  • Nested scrollable component NestedScrollView

insert image description here

Chapter 7 Functional Components

  • Navigation return interception (WillPopScope)
  • Data sharing (InheritedWidget)
  • Cross-component state sharing (Provider)
  • Colors and themes (Theme)
  • ValueListenableBuilder
  • Asynchronous UI update (FutureBuilder, StreamBuilder)
  • Detailed explanation of the dialog box

insert image description here

Chapter 8 Event Handling and Notification

  • raw pointer event handling
  • Gesture Recognition
  • Flutter event mechanism
  • Gesture principle and gesture conflict
  • global event bus
  • Notification

insert image description here

Chapter 9 Animation

  • Introduction to Flutter animation
  • animation structure
  • Custom route transition animation
  • Hero animation
  • interlaced animation
  • Generic "animated switch" component (AnimatedSwitcher)
  • animation transition component

insert image description here

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

insert image description here

Chapter 11 File Operation and Network Request

  • file operation
  • Http request-HttpClient
  • Http request-Dio package
  • Example: Http download in chunks
  • WebSocket
  • Use the Socket API
  • Json to Dart Model class

insert image description here

Chapter 12 Flutter Extensions

  • Packages and Plugins
  • Flutter Web

insert image description here

Chapter 13 Internationalization

  • Let the App support multiple languages
  • Implement Localizations
  • Use the Intl package
  • Internationalization FAQ

insert image description here

Chapter 14 Flutter Core Principles

  • 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

insert image description here

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 homepage
  • login page
  • Multilingual and multitheming
    insert image description here

Guess you like

Origin blog.csdn.net/Androiddddd/article/details/132495378