Uploaded November 2023 | Updated September 2026, 3 weeks ago
Sadly 90% of Flutter developers forget to fix overflow issues properly for DIFFERENT phone dimensions. The App design might look fine on YOUR phone that you have developed it for, however, most of the time it breaks on OTHER phones since these phones have other screen dimensions, and as a result the app is not properly usable on these other phones: part of the design might not be readable, not interactable, not reachable by the user. Therefore we will learn in this livestream more about how to fix any overflow issues such as Row Overflows, Column Overflows, Text Overflows, Overflows resulting from the phone keyboard, and other types of overflows.
TIMELINE
0:00 Introduction
0:52 Table of Contents
2:44 Join Whatsapp Community
4:20 Pixel Overflow
7:40 Common Scenarios
9:47 Consequences
12:03 Live Project Demonstration
12:15 Project #1
27:00 Project #2
34:34 Project #3
42:10 Best Practices & Tips
54:24 Q&A Session
Sadly 90% of Flutter developers forget to fix overflow issues properly for DIFFERENT phone dimensions. The App design might look fine on YOUR phone that you have developed it for, however, most of the time it breaks on OTHER phones since these phones have other screen dimensions, and as a result the app is not properly usable on these other phones: part of the design might not be readable, not interactable, not reachable by the user. Therefore we will learn in this livestream more about how to fix any overflow issues such as Row Overflows, Column Overflows, Text Overflows, Overflows resulting from the phone keyboard, and other types of overflows.
TIMELINE
0:00 Introduction
0:52 Table of Contents
2:44 Join Whatsapp Community
4:20 Pixel Overflow
7:40 Common Scenarios
9:47 Consequences
12:03 Live Project Demonstration
12:15 Project #1
27:00 Project #2
34:34 Project #3
42:10 Best Practices & Tips
54:24 Q&A Session
