Introduction

Searchbar is a simple input box where users can type search queries.

Installation

npm install react-native-paper --save --force

Example

import * as React from 'react';
import { Searchbar } from 'react-native-paper';

const MyComponent = () => {
  const [searchQuery, setSearchQuery] = React.useState('');

  const onChangeSearch = query => setSearchQuery(query);

  return (
   <View style={{paddingTop:50}}>
    <Searchbar
      placeholder="Search"
      onChangeText={onChangeSearch}
      value={searchQuery}
    />
   </View>

  );
};

export default MyComponent;

Tutorial

Coming Soon…