1

我正在尝试找到一种方法，使用如下所示的 react-native 的 Image 组件将我从地点 api 获得的图像参考加载到地点照片 API 中，

const imageLink = 'https://maps.googleapis.com/maps/api/place/photo?maxwidth=400&photoreference=CmRaAAAAuZ36wzrMYCVNWM1smQkRKuQyXecPgRpcsMfrSqbJM0EUTXZ62j8Ljxtk8HsxohXbtAwZAwmj_F3HmDwLoQaH9qt2TZJhhA6EuXK41UFo0Ow750MJujtrr5hgHR2lF7EXEhCkWj_dZ4LefrYzLU1_5RF1GhTR7Ggem5IJ-v7V2U8fjKoU9tBUOg&key=--MyKey--'
return (
        <View >
            <TouchableHighlight >
                    <View>
                        <Image
                            style={{width:64, height:64,flex:1,backgroundColor:'red'}}
                            source={{uri: imageLink}}
                        />


                    </View>    
             </TouchableHighlight>
        </View>

    );

我只得到上面代码的空占位符。但是，我可以在浏览器中加载此链接。需要注意的是，谷歌将照片的链接重定向到其他一些 url，然后在浏览器中显示图像。我做对了吗？或者有没有其他方法我可以做到这一点。注意：我也尝试过 react-native-network-image 库。

4

1 回答 1

-1

您可以查看 googleplace 模块中的 ImagePrefetch 函数： https ://github.com/srirangan/googleplaces.js/blob/master/test/ImageFetchTest.js

var https = require("https");但是，由于此特定函数中调用的行，我目前对整个模块有疑问。不确定这是新版本的 RN（最近升级到 0.55）的问题，还是我的新设置中的其他一些错误。

这在以前的 RN 中运行良好（在 0.48 上运行）

于 2018-05-18T11:50:31.263 回答