[fluent] fluent debugging (debug debugging window | viewing mobile phone log information | setting normal breakpoints | setting expression breakpoints)

One 、Flutter Introduction to debugging

---

Flutter debugging : Locate the problem , Runtime on expression , The value of variables is tracked in real time , Step through the debug code ;

• Breakpoint debugging
• Variable window Variables
• Observation window Watches
• Fallback during debugging Frames
• Console window Console

Two 、Debug Debug window

---

Flutter Debugging tools Debug : Click on Debug Button , You can debug ,

debugging Flutter Project time , The bottom shows Debug window ,

Debug On the left side of the window is the project operation , stop it , Breakpoint management related buttons ,

Debug In the window Console yes Flutter In the console , Will be displayed Flutter application Prompt information during operation , Error message , print Print information, etc ,

( Note that this is not Android In the console )

3、 ... and 、 View mobile log information

---

Flutter View mobile log information :

debugging Android project , adopt Android Studio open Flutter Medium Android Part of the code , And then in Logcat View in ;

Android The log of the platform is directly in Android Studio Medium Logcat View in window ;

debugging iOS project , Use Xcode open Flutter Medium iOS Project debugging ;

iOS The platform log needs to be in Mac in , open Xcode , stay Xcode In the console , Will be output iOS Mobile phone log information ;

Four 、 Set normal breakpoints

---

Click with the left mouse button on the right side of the line number of the code , You can add a breakpoint at the location of a line of code , And then click " Debug " Button ,
,

The code runs to the breakpoint , Will be suspended , At this time, you can view the operation in the current state , Such as variable value ;

5、 ... and 、 Set expression breakpoints

---

The breakpoint set by default is a normal breakpoint , You can also set Expression breakpoint ,

Right click the breakpoint , The following dialog box will pop up ,

Enter... In the dialog box 5.0 , Means that the expression value is 5.0 when , Breakpoints will be executed ,

After setting the expression breakpoint , Rerun , The program runs to this " Expression breakpoint " Location , get

6、 ... and 、 Related resources

---

Reference material :

• Flutter Official website : https://flutter.dev/
• Flutter Plug in download address : https://pub.dev/packages
• Flutter Developing documents : https://flutter.cn/docs ( Strongly recommend )
• official GitHub Address : https://github.com/flutter
• Flutter The Chinese community : https://flutter.cn/
• Flutter Practical tutorial : https://flutter.cn/docs/cookbook
• Flutter CodeLab : https://codelabs.flutter-io.cn/
• Dart Chinese document : https://dart.cn/
• Dart Developer website : https://api.dart.dev/
• Flutter Chinese net : https://flutterchina.club/ , http://flutter.axuer.com/docs/
• Flutter Related issues : https://flutterchina.club/faq/ ( It is recommended to watch it at the introductory stage )
• GitHub Upper Flutter Open source examples : https://download.csdn.net/download/han1202012/15989510
• Flutter Practical e-books : https://book.flutterchina.club/chapter1/

Important topics :

• Flutter Animation reference documentation : https://flutterchina.club/animations/

Blog source download :

• GitHub Address : https://github.com/han1202012/flutter_animation ( Keep updating with the progress of the blog , There may not be the source code of this blog )

• Blog source snapshot : https://download.csdn.net/download/han1202012/16245277 ( The source code snapshot of this blog , You can find the source code of this blog )