Mobile Development

React Native FlatList

FlatList component for rendering efficient scrollable lists.

Basic FlatList

 (
        {item.name}
    )}
    keyExtractor={item => item.id}
/>

Horizontal List

true}
    data={items}
    renderItem={({item}) => }
    showsHorizontalScrollIndicator={false}
/>

Pull to Refresh

const [refreshing, setRefreshing] = useState(false);

const onRefresh = () => {
    setRefreshing(true);
    fetchData().then(() => setRefreshing(false));
};