Custom search bar react native

Read custom search bar react native for more information.

SearchBars are used to search or filter items. Use a SearchBar when the number of items directly impacts a user’s ability to find one of them. React native provides search bar from react-native-elements.

Build a fully customizable Search without any coding

You can use the following code to make a search bar in react native.

import { SearchBar } from 'react-native-elements';

export default class App extends React.Component {
  state = {
    search: '',
  };

  updateSearch = search => {
    this.setState({ search });
  };

  render() {
    const { search } = this.state;

    return (
      <SearchBar
        placeholder="Type Here..."
        onChangeText={this.updateSearch}
        value={search}
      />
    );
  }
}