React-native-google-places-autocomplete: No way to style placeholder

[nikolaigeorgie]

[dagrinchi]

Yes see https://facebook.github.io/react-native/docs/textinput.html#style
and placeholderTextColor props

[nica0012]

This doesn't work?

[nica0012]

Never mind, you can achieve this via textInputProps

[hrmoller]

@nica0012 can you provide an example of how you made it work? I can't figure out how to style the placeholder.

[tomo10]

@nica0012 can you provide an example of how you made it work? I can't figure out how to style the placeholder.

You want to pass the textInputProps as a prop to the GooglePlacesAutocomplete. Not into the styles obj like you pass most of the other styling. For example see below:

placeholder={'Search'}
fetchDetails={true}
query={{
key: '...',
language: 'en',
}}
textInputProps={{ placeholderTextColor: 'pink' }}
styles={{
container: {
backgroundColor: theme.color.screen,
},
textInput: {
backgroundColor: theme.color.secondaryScreen,
color: theme.color.boneIcon,
},
textInputContainer: {
backgroundColor: theme.color.screen,
},
}}
onFail={(error) => console.log('error:', error)}
/>