TrackedFlatList

Wraps FlatList in a ContentContext.

TrackedFlatList<ItemT> = (props: FlatListProps<ItemT> & {
  id: string,
}) => FlatList<ItemT>

Additional Props​

type
requiredidstring

Automatic Events​

none.

Usage example​

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

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

const DATA = [
  {
    id: 'bd7acbea-c1b1-46c2-aed5-3ad53abb28ba',
    title: 'First Item',
  },
  {
    id: '3ac68afc-c605-48d3-a4f8-fbd91aa97f63',
    title: 'Second Item',
  },
  {
    id: '58694a0f-3da1-471f-bd96-145571e29d72',
    title: 'Third Item',
  }
];

<TrackedFlatList
  id="items"
  data={DATA}
  renderItem={renderItem}
  keyExtractor={item => item.id}
/>

Did you know ?

TrackedFlatList internally uses ContentContextWrapper.


See also