选择数据时自动填充文字不在顶部

Question

我是新来的我正在处理AutoCompleteTextView的本机。我有一个json文件，需要在自动完成视图中显示国家/地区名称。我已经显示了所有国家的国名。但是在选择国家时没有选择。我正在显示is的json文件。

我的自动完成代码是。

  render() {
    const { query } = this.state;

    return (
      <KeyboardAwareScrollView
    innerRef={ref => this.scrollView = ref} //... Access the ref for any other functions here
    contentContainerStyle={{flex: 1}}>
        <View>
          <View style={styles.autocompleteContainer}>
          <Autocomplete
    data={timezones}
    defaultValue={query}
    autoCapitalize="none"
    autoCorrect={false}
    onChangeText={text => this.setState({ query: text })}
    placeholder="Enter Country"

    renderItem={({ name, latlng }) => {

        const prodNames = latlng.map(item => item.prodNames);
        <TouchableOpacity onPress={() => this.setState({ query: text })}>
         <Text>{name} {prodNames}</Text >

        </TouchableOpacity>
        }}

    />  
          </View>
          <View>
            <Text>Some content</Text>
          </View>

Answer 1

您是否遇到错误？

尝试替换此：

<TouchableOpacity onPress={() => this.setState({ query: text })}>

通过此：

<TouchableOpacity onPress={() => this.setState({ query: name+''+prodNames })}>