Debugging in flutter so simple…
debugging is nothing but finding the bug just like the above image. So, by using the debug we will find the bugs in our program.
How do you start debugging your app ?
In the above image the first row contains 4 icons, the second icon from left is the debug icon. when you select the debug icon then your app will running debug mode.
How can we stop the debugger at some point ?
If you observe red dot in the picture nothing but break point. It means when you run the app it breaks the flow and hilighting with green color. you can add the break point anywhere. After adding the break point run your app in debug mode.
In the image1 second row is for debugging purpose. when debug stops at break point you can see the variable value in left side window variables.
Now, we discussed about 8 icons, first we discuss about third icon (step over). After completion of debug statement, if you want to move to the next line then you can click on this icon, it will take you to next line.
Next icons 4 and 5 are (step into) and (step out), these icons for when you trying to debug a method then use step into then debugger enters in to the method, juse like if you want to come out from method use step out.
The second is for to pause/running the debugger. It means you added two break points one is at line 1 and another one is at line 10. The debugger will stops at line 1 and if you want to go to the line 10 you have to click step over 9 times, instead of that just run the debugger then directly it jumps to the second break point.
The seventh icon is used to stop the debugging. This is all about how debug your app with simple steps.
I hope you like my article and all the best.
If you found this article helpful click and hold 👏 a button and show some love and help others to find this article.
Feeling more generous, you can buy me a cup of tea.