SearchBar.md

Customize Search Bar

Steps to customize theme for Search Bar attributes:

Property	Description
toolbarInputColor	Background color for textbox in Header
toolbarIconSize	Icon size in Search bar

Syntax

import React, { Component } from 'react-native';
import { Container, Header, Button, Icon, InputGroup, Input } from 'native-base';
import myTheme from './Themes/myTheme';
export default class ThemeSearchBarExample extends Component {
    render() {
        return (
            <Container theme={myTheme}>
                <Header searchBar rounded>
                    <InputGroup>
                        <Icon name='ios-search' />
                        <Input placeholder='Search' />
                        <Icon name='ios-people' />
                    </InputGroup>
                    <Button transparent>
                        Search
                    </Button>
                </Header>
            </Container>
        );
    }
}