FlatList | NativeBase | Universal Components for React and React Native

Playground
const Example = () => {
  const data = [{
    id: "bd7acbea-c1b1-46c2-aed5-3ad53abb28ba",
    title: "First Item"
  }, {
    id: "3ac68afc-c605-48d3-a4f8-fbd91aa97f63",
    title: "Second Item"
  }, {
    id: "58694a0f-3da1-471f-bd96-145571e29d72",
    title: "Third Item"
  }];
  return <FlatList data={data} renderItem={({
    item
  }) => <Box px={5} py={2} rounded="md" my={2} bg="primary.300">
          {item.title}
        </Box>} keyExtractor={item => item.id} />;
};
const Example = () => {
  const data = [{
    id: "bd7acbea-c1b1-46c2-aed5-3ad53abb28ba",
    title: "First Item"
  }, {
    id: "3ac68afc-c605-48d3-a4f8-fbd91aa97f63",
    title: "Second Item"
  }, {
    id: "58694a0f-3da1-471f-bd96-145571e29d72",
    title: "Third Item"
  }];
  return <FlatList data={data} renderItem={({
    item
  }) => <Box px={5} py={2} rounded="md" my={2} bg="primary.300">
          {item.title}
        </Box>} keyExtractor={item => item.id} />;
};