How can I customize a FlatList in React Native?

How can I customize a FlatList in React Native?

You can customize a FlatList by using props like renderItem, keyExtractor, and style. What specific customization do you have in mind?

I want to change the item layout and add some padding.

You can achieve that by modifying the renderItem function. Wrap your item in a View and apply padding styles. Would you like a code example?

Yes, please provide a code example.

Sure! Here's a simple example:

<FlatList
  data={data}
  renderItem={({ item }) => (
    <View style={{ padding: 10 }}>
      <Text>{item.title}</Text>
    </View>
  )}
  keyExtractor={item => item.id}
/>

That looks great! How can I add a header to the FlatList?

You can add a header by using the ListHeaderComponent prop. Just pass your header component to it.