Upgrade & Secure Your Future with DevOps, SRE, DevSecOps, MLOps!

We spend hours on Instagram and YouTube and waste money on coffee and fast food, but won’t spend 30 minutes a day learning skills to boost our careers.
Master in DevOps, SRE, DevSecOps & MLOps!

Learn from Guru Rajesh Kumar and double your salary in just one year.


Get Started Now!

[SOLVED] Flutter: A RenderFlex overflowed by 61 pixels on the right.


An Exception was thrown when i’m debugging my application i.e.,

Right Overflowed by 61 Pixels.

Exception thrown in Terminal

═══════════════════ Exception caught by rendering library══════════════════════

The following assertion was thrown during layout:
A RenderFlex overflowed by 61 pixels on the right.

The relevant error-causing widget was Row.

The overflowing RenderFlex has an orientation of Axis.horizontal. See the image below :-

Solution

1. Wrap your widget with SingleChildScrollView() Widget and add scrollDirection to Axis.horizontal.

                     
                      SingleChildScrollView(
                       scrollDirection: Axis.horizontal,
                         child: Row(
                            Your Code Here
                           ),
                        ),

OUTPUT

That’s All.

Thanks for Reading.

Keep Coding.

Certification Courses

DevOpsSchool has introduced a series of professional certification courses designed to enhance your skills and expertise in cutting-edge technologies and methodologies. Whether you are aiming to excel in development, security, or operations, these certifications provide a comprehensive learning experience. Explore the following programs:

DevOps Certification, SRE Certification, and DevSecOps Certification by DevOpsSchool

Explore our DevOps Certification, SRE Certification, and DevSecOps Certification programs at DevOpsSchool. Gain the expertise needed to excel in your career with hands-on training and globally recognized certifications.