我正在开发一个组件,在该组件中,我使用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.功能:加载结果时显示加载程序