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 })}>

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

1 个答案: