[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.

OUTPUT

That’s All.

Thanks for Reading.

Keep Coding.