Skip to main content
Logo Appt Light

Reflow on React Native

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 React Native, your elements should be placed inside a scrollable layout, such as ScrollView. If the elements don't fit, the view becomes scrollable over the vertical axis so the user can still reach them. Ideally scrolling is only necessary in one direction.

<ScrollView>
    <Text>
        Content should scroll!
    </Text>
</ScrollView>

Feedback?

Let us know!