将Google加载的可能性将图像放在反应本性图像组件中



我正在尝试找到一种加载图像参考的方法,我从plote api中获得了phote photo photo api,the photo 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>
    );

我只有上述代码的空占位符。但是,我能够在浏览器中加载此链接。一个警告是,Google Places Photo的链接正在重定向到其他一些URL,然后在浏览器中显示图像。我在做对吗?还是我有什么其他方法可以实现同样的方法。注意:我还尝试了React-Network-image图书馆。

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

但是,我目前正在与整个模块有疑问,因为该行var https = require("https");在此特定函数中调用。不确定这是新版本的RN(最近升级到0.55(还是我的新设置中的其他错误。

这在以前的RN(在0.48上运行(

非常有效

最新更新