把图标放在占位符 - 反应原生

我使用npm react-native-autocomplete-输入，我的问题是，我怎样才能把图标放入占位符，因为没有关于这个文件。把图标放在占位符 - 反应原生

我不能使用另一个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> 
)} />

来源

2017-06-20 Erased

可能的重复[如何将图标放入React Native中的TextInput中？]（https://stackoverflow.com/questions/40935381/how-can-i-put-an-icon-inside -a-textinput-in-react-native） – Vicky

不是，因为它在自动完成库中，即使它使用的是TextInput，也不一样。我已经尝试过没有成功 – Erased

库使用默认的TextInput，因此没有添加占位符定义的方式图片。如果要查看和自动完成布局，则必须使用组合。

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

来源

2017-06-20 08:51:27 Vicky

是的，我会试试这个，但我想我会得到同样的结果。无论如何，谢谢你 – Erased

@Erased你可以给边框宽度和borderColor与flexDirection：行和内部可以给图标和textinput ..结果会比这更好 – Vicky

我会尝试是的。非常感谢你 – Erased

把图标放在占位符 - 反应原生

回答

相关问题