React Native Expertise

FlatList Optimization

To ensure smooth scrolling in FlatList:

• Use removeClippedSubviews={true}.
• Implement getItemLayout for fixed-height items.
• Memoize renderItem using React.memo or useCallback.
• Use keyExtractor with stable unique keys.

import React, { useCallback } from 'react';
import { FlatList, View, Text } from 'react-native';

const Item = React.memo(({ title }) => (
  <View style={{ height: 50 }}><Text>{title}</Text></View>
));