Beginning Flutter Debugging
Learn the basics of debugging and explore how to resolve common errors that Flutter developers face during app development. By Emmanuel Okiche.
Learning path
This is part of the Flutter Fundamentals learning path. View path.
Who is this for?
Beginner developers who are interested in learning efficient and effective ways to resolve coding errors. It is expected that you have a decent understanding of Flutter and Dart as well as being familiar with Visual Studio Code and/or Android Studio.
Covered concepts
- Debugging Errors
- Solve Layout Errors
- Code Linting
- Dart Devtools
Part 1: Beginning Flutter Debugging
A brief overview of the concept of debugging, how a debugger works and Flutter’s approach to debugging apps.
Get to know how to use the breakpoint feature in VS Code and learn about its controls and how they affect code navigation.
Learn how to monitor and watch the value of variables as you progress through your code when it hits a breakpoint.
Learn about the call stack during a debug session and see how the app responds at different levels in the stack.
Use the knowledge you’ve gotten so far to find and fix a bug.
Learn to use the debugger integrated with Android Studio and explore other debugging features it provides.
Get introduced to this awesome tool which integrates all debugging and profiling features for Dart development in a browser based app.
Learn how to debug common layout related errors like overflow errors and widgets that don’t display properly.
ListViews come with their own set of errors and not understanding how they work could make it harder to debug so we’ll tackle common problems that could arise.
Learn how to read through and understand errors provided in the red screen of death and build the confidence to solve these types of errors.
Learn about common best practices while coding Flutter apps and optimize the linting tool to make sure you’re writing code that is less prone to common errors.