Search code examples
flutterlayoutwidget

Layout bug: Not code related but design related


This time the bug i'm facing is not code related but design related. In the login page I have;

text view just saying Log In, then I have two input fields for email and password, the third widget is where the bug is. It is Forgot Password and it is constrained to the right side of the phone screen.

Now on my device, it is like "Forgot Password". But when I installed the application on another device, it went like "Fo rgo t Pa ss wor d?"

enter image description here

Words scattered vertically.

Here are the code screenshots,

enter image description here

enter image description here

The forgot password widget, I mentioned. then finally the button login.

enter image description here

I dont know whats up? Any suggestion guys?


Solution

  • Add maxLines: 1, to your Text Widget:

    Text(
       "Forgot Password?",
       maxLines: 1,
    ),