How can I create a custom item in a React Native FlatList?

How can I create a custom item in a React Native FlatList?

To create a custom item in a React Native FlatList, you can define a custom component and pass it to the FlatList's renderItem prop.

Can you show me an example of a custom item component?

Sure! Here's a simple example:

const CustomItem = ({ item }) => {
  return (
    <View style={{ padding: 20, borderBottomWidth: 1 }}>
      <Text>{item.title}</Text>
    </View>
  );
};

How do I use this CustomItem in the FlatList?

You can use it like this:

<FlatList
  data={data}
  renderItem={({ item }) => <CustomItem item={item} />}
  keyExtractor={item => item.id}
/>

What if I want to add images to the custom item?

You can modify the CustomItem component to include an Image component. Just pass the image URL as a prop.