在本地原生FlatList中使用“ Google Place Photos”图像

时间:2019-02-06 03:03:45

标签: react-native google-places-api google-photos-api

我在react native中使用平面列表,我的列表项如下:

    <ListItem
      roundAvatar
      title={item.name}
      subtitle={item.vicinity}
      avatar={{
        uri:
          'https://lh3.googleusercontent.com/p/AF1QipNePpAvxLPZRcL9TbdEu_iX6XL6TZYkav7iPAYz=s1600-w400',
      }}
      containerStyle={{ borderBottomWidth: 0 }}
      onPress={() => console.log('item: ', item)}
    />

我的item变量代表通过调用Google Places API返回的对象。
如您所见,Ive为uri属性设置了一个虚拟值...但是我真正想要的是属于从Places api中提取的特定位置的图像的uri。

我知道我需要使用Places api中的photos.photo_reference值调用Photos api。但是,如何获取图像uri并将其作为uri prop的值提交? 也许我应该为uri道具使用一个函数,该函数从Photos api返回图像uri?。...文档并未告诉您如何获取uri。

希望有道理! 谢谢

0 个答案:

没有答案