Installation

Add the dependency:

Pure React Native:

npm i react-native-bottom-search-bar

Peer Dependencies

IMPORTANT! You need install them.

"@freakycoder/react-native-helpers": ">= 1.0.2",
"react-native-dynamic-vector-icons": ">= x.x.x"

Basic Usage

<BottomSearchBar />

Advanced Usage

<BottomSearchBar
    height={125}
    iPhoneXHeigh={150}
    disableHomeButton
    buttonBackgroundColor="#050191"
    buttonOnPress={() => {}}
    onChangeText={(text)=> {console.log(text)}}
    homeButtonIconComponent={
        <MyIcon>
            Custom Component instead of default Home Button Icon
        </MyIcon>
    }
/>

Configuration - Props

Main Props

SearchBox Props

Credits

I get the inspiration from Joo Find App. This is the exact bottom search bar from their concept design. Thank you for this inspiration :) Here is the uplabs link:JooFind App Concept)
Thank you for this awesome concept work FireArt Studio )

Author

FreakyCoder, [email protected]

License

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