Javascript 将图标放入占位符-反应本机

我使用的是npm react本机自动完成输入，我的问题是，如何将图标放入占位符中，因为没有相关文档

我不能使用另一个npm自动完成，因为我已经编写了一些东西

目前，我有以下几点：

自动完成的结构如下所示：

<Autocomplete
    data={data}
    defaultValue={query}
    onChangeText={text => this.setState({ query: text })}

    placeholder="Here is my placeholder"

    renderItem={data => (
       <TouchableOpacity onPress={() => this.setState({ query: data })}>
          <Text>{data}</Text>
       </TouchableOpacity>
)} />

this.setState（{query:text}）
占位符=“这是我的占位符”
renderItem={data=>(
this.setState（{query:data}）}>
{data}
)} />

该库使用默认文本输入，因此没有定义添加占位符图像的方法。您必须使用组合视图和自动完成来进行布局

<View style={styles.searchSection}>
    <Icon style={styles.searchIcon} name="ios-search" size={20} color="#000"/>
    <Autocomplete
    data={data}
    defaultValue={query}
    onChangeText={text => this.setState({ query: text })}

    placeholder="Here is my placeholder"

    renderItem={data => (
       <TouchableOpacity onPress={() => this.setState({ query: data })}>
          <Text>{data}</Text>
       </TouchableOpacity>
)} />
</View>

this.setState（{query:text}）}
占位符=“这是我的占位符”
renderItem={data=>(
this.setState（{query:data}）}>
{data}
)} />

我也遇到了同样的问题，但我通过使用

底部

、

左侧

和

位置：绝对

来自由移动图标，从而解决了这个问题

<View style={styles.container}>

       <FontAwesome name="search" size={20} color="#21344B" 
        style={{position:"absolute",bottom:20,left:15,zIndex:15,}}
        />

       <Autocomplete
          //Your Normal props
        />

</View>

Nope可能重复，不一样，因为它在自动完成库中，即使它使用TextInput，也不一样。我试过了，但没有成功是的，我会试试这个，但我想我会得到同样的结果。无论如何，谢谢you@Erased您可以使用flexDirection:row提供borderWidth和borderColor供查看，您可以在内部提供图标和文本输入。。结果会比这更好我会试试的是的。多谢各位