Style can't change

[kaleb07]

Hi, i want to change style of dropdown autocomplete. But it's still same like default. Do you know what's wrong?

[PaitoAnderson]

Can you share an example of what you are trying?

There are quite a few properties available for styling: https://github.com/maxkordiyak/react-native-dropdown-autocomplete#properties

[kaleb07]

<Autocomplete style={styles.inputBox3} scrollToInput={ev => {}} handleSelectItem={(item, id) => this.handleSelectItem(item, id)} onDropdownClose={() => {}} onDropdownShow={() => {}} data={projects} minimumCharactersCount={1} highlightText valueExtractor={item => item.title } rightContent rightTextExtractor={item => item.author} placeholder="Pilih proyek" />

const styles = StyleSheet.create({ inputBox3:{ width: wp(90), height: hp(6), borderRadius:5, borderWidth: 0.5, borderColor: '#000000', backgroundColor: '#F5F5F5', fontSize:16, color:'#000000', marginVertical: 5, } });

I'm using responsive screen in my style

[PaitoAnderson]

I see, instead of style={styles.inputBox3} try some of the other style properties we have like inputStyle={styles.inputBox3}.

Full list:

[kaleb07]

It's working!! But, I don't want to use renderIcon. When i deleted renderIcon, the place of that icon is not deleted. The text is still next to icon place .

[PaitoAnderson]

Try:

inputStyle={{ paddingLeft: 10 }}

[ghost]

you know I'm trying to find the right styles for the last 2 hours. They really need clear explanation or examples.