Customizing styles

ReactiveSearch components can be styled using inline-styles or via the innerStyle prop. Each component supports a style prop which accepts an object. Find more info on the react native docs.

Usage

You can pass the style object via the style prop like:

{
    backgroundColor: 'coral',
    color: 'black'
}

Examples

<DataSearch
    ...
    style={{
        backgroundColor: '#fefefe'
    }}
/>

innerStyle

The components support an additional innerStyle prop which accepts an object with keys specified in the style section of each component. It can be used for more granular styling of components. For example,

<DataSearch
    ...
    innerStyle={{
        icon: {
            backgroundColor: '#fefefe'
        }
    }}
/>