react-native-search-button-bar

Description for library

Usage no npm install needed!

<script type="module">
  import reactNativeSearchButtonBar from 'https://cdn.skypack.dev/react-native-search-button-bar';
</script>

README

React Native Library Boilerplate

Battle Tested ✅

React Native Library Boilerplate

Installation

Add the dependency:

npm i react-native-search-button-bar

Peer Dependencies

IMPORTANT! You need install them
"react": ">= 16.x.x",
"react-native": ">= 0.55.x",

Usage

Import

import SearchBar from "react-native-search-button-bar";

Component1 Usage

<SearchBar />

Configuration - Props

Property Type Default Description
width string OR number ScreenWidth * 0.9 change the width of the header outline
height string OR number 50 change the height of the header
borderWidth number 1 change the border width
borderColor string #872d8d change the border color
placeholder string Search something.. set your own placeholder string
searchImageSource image image set your own image
closeImageSource image image set your own image
backgroundColor string transparent change the background color
shadowColor string #757575 change the shadowColor
shadowRadius string 10 change the shadowRadius
onChangeText function null set your own function
onCancel function null set your own function

Future Plans

  • LICENSE

Change Log

Change log will be here !

Author

Şevval Eygül sevvalleygull@gmail.com

License

React Native Library Boilerplate is available under the MIT license. See the LICENSE file for more info.