HomeOur TeamContact

Search Bar

By Utkarsh Lubal
Published in UI
September 13, 2022
1 min read
Search Bar

Table Of Contents

01
Introduction
02
Installation
03
Example
04
Tutorial

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…


Previous Article
Tabs
Utkarsh Lubal

Utkarsh Lubal

Full Stack Developer

Related Posts

Vertical Step indicator
Vertical Step indicator
May 06, 2023
1 min

Quick Links

Advertise with usAbout UsContact Us

Social Media