TrackedVirtualizedList

Wraps VirtualizedList in a ContentContext.

TrackedVirtualizedList<ItemT> = (props: VirtualizedListProps<ItemT> & {
  id: string,
}) => VirtualizedList<ItemT>

Additional Props​

type
requiredidstring

Automatic Events​

none.

Usage example​

import { TrackedVirtualizedList } from '@objectiv/tracker-react-native';

const Item = ({ title }) => (
  <View>
    <TrackedText>{title}</TrackedText>
  </View>
);
import { TrackedVirtualizedList } from '@objectiv/tracker-react-native';

<TrackedVirtualizedList
  id="items"
  data={[]}
  initialNumToRender={4}
  renderItem={({ item }) => <Item title={item.title} />}
  keyExtractor={item => item.key}
  getItemCount={(data) => 50}
  getItem={(data, index) => ({
    id: Math.random().toString(12).substring(0),
    title: `Item ${index+1}`
  })}
/>

Did you know ?

TrackedVirtualizedList internally uses ContentContextWrapper.


See also