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

We spend hours scrolling social media and waste money on things we forget, but won’t spend 30 minutes a day earning certifications that can change our lives.
Master in DevOps, SRE, DevSecOps & MLOps by DevOpsSchool!

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(
                       scrollDirectionAxis.horizontal,
                         childRow(
                            Your Code Here
                           ),
                        ),Code language: CSS (css)

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.