Question

我正在尝试找到一种方法来加载图片引用我从地方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>

    );

我只使用上面的代码获得空占位符。但是，我可以在浏览器中加载此链接。一个警告是谷歌地方照片的链接重定向到其他网址，然后在浏览器中显示图像。我做得对吗？还是有其他方法我可以做到这一点。注意：我也尝试过react-native-network-image库。

Answer 1

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

但是，由于此特定功能中调用的行var https = require("https");，我现在遇到整个模块的问题。不确定这是新版RN的问题（最近升级到0.55）还是新设置中的其他错误。

这在之前的RN（在0.48上运行）中完美地运行

是否可以加载Google将图像置于react-native Image组件中？

1 个答案: