Skip to main content
Logo Appt Light

Reflow on Flutter

Content on the screen should reflow based on the users' preferences. In landscape mode, the vertical space is much smaller compared to portrait mode. And when users have enlarged their font size, text should not get truncated. Instead, apps should adapt the interface to the available space.

In Flutter, all elements should be placed in a scalable widget, such as SingleChildScrollView or ListView. These widgets ensures that underlying widgets will become scrollable, in case they do not fit on the screen.

SingleChildScrollView(
  child: Text(
    'Content should scroll!',
    softWrap: true,
    overflow: TextOverflow.visible,
  ),
)

Feedback?

Let us know!