react-native-customize-search-bar
v1.0.0
Published
A simple utility package for React Native that helps you get the platform name (iOS or Android). it's basic common component use in project like custom Searchbar . ## ✨ Features
Readme
📦 react-native-customize-search-bar
A simple utility package for React Native that helps you get the platform name (iOS or Android). it's basic common component use in project like custom Searchbar .
✨ Features
- ✅ Lightweight
- 🛠️ Written in TypeScript
- 🔌 Supports React Native projects
📦 Installation
npm install react-native-customize-search-bar
# or with yarn
yarn add react-native-customize-search-bar
Usage:-
import SearchBar from 'react-native-customize-search-bar'
const [searchQuery, setSearchQuery] = useState('');
const handleSearch = (query) => {
setSearchQuery(query);
};
<SearchBar
onSearch={handleSearch}
placeholder="Search Fruits"
iconColor="blue"
clearIconColor="red"
backgroundColor="#fff"
borderColor="#ccc"
height={50}
fontSize={18}
/>
