unsplashFeed.jsx

const UnsplashFeed = props => {
  const [photos, fetchMore] = useUnsplashPhotos('dogs');

  const renderItem = ({ item, index }) => {
    const { uri } = item;
    return (
      <Image
        source={{
          uri,
        }}
        style={{ height: 400 }}
        resizeMode="cover"
      />
    );
  };

  return (
    <View style={{ flex: 1 }}>
      <FlatList
        data={photos}
        renderItem={renderItem}
        onEndReachedThreshold={0.9}
        onEndReached={fetchMore}
      />
    </View>
  );
};