flutter-text-rendering
Installation
SKILL.md
Flutter Text Rendering
Render readable, predictable text across dynamic content lengths, locales, and accessibility settings.
Diagnose
Identify the failure mechanism before adjusting layout:
- Main-axis flex overflow: A non-flex
Textcan receive an unbounded constraint along aFlexmain axis and choose an intrinsic size larger than the space available beside its siblings, producingRenderFlex overflowed. - Orphaned words (widows): The last word of a headline or paragraph dangles alone on a new line because line breaking occurred at the final whitespace.
- Uncontrolled truncation: Text clips silently or exceeds intended lines without a visible truncation affordance (
ellipsis,fade). - Broken inline flow: Multiple adjacent
Textwidgets in aRowbreak across lines awkwardly instead of flowing as a continuous paragraph. - Text scale breakage: Enlarged system font scale (
TextScaler) causes text to clip inside fixed-height containers or push critical actions offscreen.