Inverted ListView that renders from the bottom up

Inverted lists are useful for UIs like terminals, event logs, chat, etc… where you want to insert new content from the bottom and load old content when the user scrolls to the top. An inverted ListView would also make it easy to scrollToBottom and hard to scrollToTop, which is the opposite of traditional ListViews.

A simple API would look like <ListView inverted={true}>. Some open questions are whether the bottom-most row should come from the front or back of the data source and how to let the programmer check if the view is scrolled to the bottom to allow for a common pattern:

if (scrolledToBottomWithinXPixels(threshold)) {
  insertNewContentAtBottom();
  scrollToBottom();
}

1 possible answer(s) on “Inverted ListView that renders from the bottom up

  1. I think we should open this again, making rendering and all associated behaviours of ScrollView and ListView invertable both from vertical and horizontal mode would make ton’s of sense for the react native community in terms of flexibility to construct views.

    Including onRefresh and scroll events ect.

Inverted ListView that renders from the bottom up

Inverted lists are useful for UIs like terminals, event logs, chat, etc… where you want to insert new content from the bottom and load old content when the user scrolls to the top. An inverted ListView would also make it easy to scrollToBottom and hard to scrollToTop, which is the opposite of traditional ListViews.

A simple API would look like <ListView inverted={true}>. Some open questions are whether the bottom-most row should come from the front or back of the data source and how to let the programmer check if the view is scrolled to the bottom to allow for a common pattern:

if (scrolledToBottomWithinXPixels(threshold)) {
  insertNewContentAtBottom();
  scrollToBottom();
}

1 possible answer(s) on “Inverted ListView that renders from the bottom up

  1. I think we should open this again, making rendering and all associated behaviours of ScrollView and ListView invertable both from vertical and horizontal mode would make ton’s of sense for the react native community in terms of flexibility to construct views.

    Including onRefresh and scroll events ect.