Flutter God operation learning (full level introduction)

Flutter from Google Development , Is an open source framework mainly used for developing mobile applications （ Instead of SDK）. We can also use a single code base to develop for the same application Web And desktop version .

Flutter Definition

Flutter It's made up of a lot of beautifully designed gadgets 、 A rich set of sports API And the rolling of cross platform work 、 Navigation 、 Fonts and icons make up . This ensures that Android and iOS Smooth performance on mobile phones .Flutter The application is compiled locally , So it has high performance and rapidity .

Flutter Characteristics

We offer you learning Flutter The last thing before we get to our resources , For you to understand this This is very important , In this way, you can study resources in depth and learn by hand , There is no need to introduce again ！

Flutter Some of the unique features of include ：

• Focus on customizable widgets , come from Material Design and Cupertino package （ instead of android XML） All widget sets of can be used to provide easy UI Development .

• Hot overloading can help developers see their changes immediately . This reduces development time and bug fix time .

• Write once , Any code running on any platform can run , No need to change .

• Flutter Use Dart programing language , The language uses both pre compilation and just in time compilation , Thus providing high performance and faster start-up time .

• This machine ARM Machine code is allowed in Android and iOS Realize native performance on .

Why study Flutter？

Mobile application development is 2021 Year trend . It is most convenient to view and perform operations on mobile devices , Because we can do it anytime, anywhere .Flutter Is a fully customizable framework , It allows you to build highly expressive and flexible UI, It is easy to learn and can speed up development . If that's not enough , Here are some things you should learn Flutter The reason of ：

• No cross platform issues ：Flutter Follow the write once method , Because it's precompiled , So it provides a native code experience .

• There is no need to rebuild ：“ Hot heavy load ” Allow developers to view code changes immediately after saving .

• Strong community and support ：flutter The team is very helpful , The community provides adequate support for new learners .

• Use 2Dimension Flare Create endless animations .

• Support a lot of IDE, Such as VS Code、Android Studio etc. .

• Use Dart Single code of the front end and back end of the language

Flutter Need to learn those ？

One 、Dart elements of grammar

1. Dart Syntax explanation and compilation principle

2. Dart Object oriented principle

3. Variable , function , The operator , abnormal

4. Class

5. Initialize list rules

6. Name the construction method

7. Constant light structure

8. Plant structural features

9. Mixin
   

Two 、Flutter UI

1. List and grid views Widget

2. ListView Detailed explanation and Application

3. GridView Detailed explanation and Application

4. Layout Widget：

• Padding

• Center

• Align

• Baseline

• SizedBox

• Row

• Column
  

3、 ... and 、Flutter Threads

1. Event queue

2. async. await principle

3. Future Task scheduling

4. Promise grammar

5. Platform Runner Threads
   

Four 、Flutter Start process

1.Drat virtual machine ：

• Dart Virtual machine and JVM Virtual distinction

• Dart Virtual machine creation process

• Isolate Main line mechanism

• Dart Syntax loading process

2.Skia engine ：

• FlutterApplication

• FlutterActivity Start process

• Skia Engines and native mechanisms

3.Flutter App launch
[ Failed to transfer the external chain picture , The origin station may have anti-theft chain mechanism , It is suggested to save the pictures and upload them directly (img-wEc2VymV-1658929837958)(https://upload-images.jianshu.io/upload_images/28055132-f4af4600e15a471c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

5、 ... and 、Flutter3.0 FrameWork frame

1. TaskRunner working principle

2. StatefulWidget Operating mechanism

3. Flutter Animation principle ：

• Make up animation principle

• Principles of physical animation

• Animation process

4.Flutter Rendering mechanism ：

• UI Thread rendering

• GPU Thread rendering

5.Flutter Communication mechanism ：

• MessageL oop Start the principle

• Platform Channel principle ：

1. MethodChannel Native communication

2. Engine layer principle

3. Host layer principle

• Flutter asynchronous communication

1. Message task sending

2. Message task acceptance
   

6、 ... and 、Flutter Performance monitoring

Flutter There are three construction modes , For different scenarios , Want to monitor performance , All running in Profile In mode :

1. Debug

2. Release

3. Profile
   

How to learn Flutter

Flutter There are not many online learning materials , So recently I took time to sort it out Flutter Related learning materials ,【 Poke me to get 】Flutter3.0 Proficient manual . Dry cargo is full. , Contains Flutter Learning community 、 Beginner Subjects 、 Advanced information 、 performance optimization 、 E-books and other learning materials . Very practical , Here I would like to recommend .