reactjs Google API -在React Native Expo项目中放置自动完成

bkhjykvo  于 2023-04-20  发布在  React
关注(0)|答案(3)|浏览(128)

我正在使用React NativeExpo开发移动的应用程序。我正在使用react-native-google-places-autocomplete进行位置/地点的文本自动完成。这是Google API。我已经创建了帐户,启用了Google服务,还添加了我的账单信息。但代码不起作用。
代码如下:

<View style={{height: 500}}>
        <GooglePlacesAutocomplete

        fetchDetails={true}
        placeholder='Search'
        onPress={(data, details = null) => {
            console.log(data, details);
        }}
        query={{
            key: 'my-api-key-here',
            language: 'en',
        }}
        />
        </View>

我能够SUCCESSFULLY看到我可以键入的Search占位符,但我无法看到Google的建议/自动完成文本。我能够在框中成功键入位置,但Google没有位置建议。
我也安装并导入了相关的库。

thigvfpy

thigvfpy1#

我也遇到过这种情况。我只需要在我的视图中添加flex: 1,因为我没有提供任何像OP那样的高度样式。

dluptydi

dluptydi2#

您需要添加prop listViewDisplayed={boolean or“auto”}。请参阅此链接https://snack.expo.io/@tobzy/react-native-google-places-autocomplete-example

yvt65v4c

yvt65v4c3#

我遇到了这个确切的问题,我使用的API密钥也是我在另一个网站上使用的相同密钥,当我检查Google Cloud Console时,我发现我的第一个API密钥对其有某种限制,但是当我在Google Cloud Console的凭据部分创建一个没有任何限制的新API密钥时,它为我解决了这个问题

相关问题