Searchbar

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

How to use

import React from 'react';
import {Searchbar} from '@gyri/native-ui-components';

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

  const onChangeSearch = query => setSearchQuery(query);

  return (
    <Searchbar
      style={style} 
      className={className}
      mode="bar"
      placeholder="Search"
      onChangeText={onChangeSearch}
      value={searchQuery}
    />
  );
};

export default MyComponent;

Props

#	Name	Data type	Default value	Values	Description
1	style	object			Custom style object
2	className	string	''		It defined nativewind style classes.

For more details https://callstack.github.io/react-native-paper/docs/components/Searchbar/