Scrolling Within Scrolling

ADA | Adam Deconstructs Android

Photo by Marten Bjork on Unsplash

Use Case

A great example of using scrolling within scrolling is when handling messaging without the window expanding to fit the size of the text entered in addition to scrolling up/down to view previous messages on the page. This strategy results in a clearly defined and limited space for the user to input text.

Here is my NestedScrolling sample showcasing the concept within a CardView. Having a scrollable view within a larger scrolling parent view is a design choice that helps the user see more screen real estate and view more information at once.

Inbox does not follow this concept choosing to have the user input field expand within the screen rather than utilizing a NestedScrollView with a maximum number of lines set.

Inbox’s overall design is great. In this specific example they chose to focus more attention on the composition of the message than the context of the screen which is neither right or wrong, making the NestedScrollView a design choice rather than a requirement.

Don’t Use NestedScrollView