@stream-io/flat-list-mvcp

maintainVisibleContentPosition prop support for Android react-native.

In react-native, ScrollView (and FlatList) component have support for a prop maintainVisibleContentPosition, which is really useful for chat-like applications where you want to see new messages scroll into place. Although currently its only supported on iOS. So here we have built a simple wrapper for FlatList and ScrollView to add support for this prop for android. On iOS, we simply return FlatList and ScrollView from react-native package.

We built this wrapper for our in-house react-native chat sdk, but we are making it public, in case it helps other devs from react-native community.

Credits: Thanks to stackia for https://github.com/facebook/react-native/pull/29466#issuecomment-664367382

Installation

yarn add @stream-io/flat-list-mvcp

Usage

import { FlatList, ScrollView } from 'maintained-content-visible-position-flat-list';

<FlatList
    maintainVisibleContentPosition={{
        autoscrollToTopThreshold: 10,
        minIndexForVisible: 1,
    }}
    ...
/>

<ScrollView
    maintainVisibleContentPosition={{
        autoscrollToTopThreshold: 10,
        minIndexForVisible: 1,
    }}
    ...
/>

Contributing

PRs for improvement are welcome :)

License

MIT