如何显示react native的微调器谷歌将自动完成放在react natives中



我正在开发一个组件,在该组件中,我使用react native google places autocomplete来获取和显示搜索到的地址。我的代码是:

<View style={styles.mainContainer}>
<GooglePlacesAutocomplete
styles={{
textInput: {
fontSize: 20,
flex: 1,
borderBottomColor:"blue"
borderBottomWidth: 3,
},
poweredContainer: {
justifyContent: 'flex-end',
alignItems: 'flex-start',
borderBottomRightRadius: 7,
borderBottomLeftRadius: 7,
borderColor: "#fff",
borderTopWidth: 1
},
row: {
backgroundColor: '#fff',
height: 70,
fontSize: 18,
flexDirection: 'row',
},
separator: { 
height: 0.5, 
backgroundColor:"gray" },
minLength={2}
placeholder="Enter an address...."
fetchDetails={true}
onPress={(data) => {
setData(data)  
}}
query={{ 
key: googlePlacesAPI, 
'country:us', }}
/>
</View>

问题是在获取数据时没有可显示的微调器。我如何添加一个微调器,当用户开始输入时,微调器就会显示,而当提取结果时,微调程序就会消失。我读过github上的论坛,看起来这个库没有额外的旋转器道具,我自己也不知道如何添加旋转器。我是新来的反应本地所以任何帮助和建议都非常感谢。

react native google places autocomplete中提到了一些PR,它们可以提供您想要的东西,但它还没有合并,所以您需要像在其中一个PR中一样更改node_modules中的代码,以获得您想要的内容(您可以在之后对react native-google places autocomplete进行补丁包以提交更改(。

1.特点/打字加载器

2.功能:加载结果时显示加载程序

相关内容

  • 没有找到相关文章

最新更新