Text-input component with search functionality. For users who wants to show multiple search result to the user. e.g Search for the near by restrurents.
npm i rn-searchable-textinput
yarn add rn-searchable-textinput
- What is Searchable Text-input
- Why to use this package
- Getting Started
- Feedback
Text-input component with search functionality. For users who wants to show multiple search result to the user. e.g Search for the near by restrurents.
This searchable text-input is fully customizable.
- You can change the look of a text input field.
- You can change the look of the search results.
- Pass the array of the strings to filter from.
-
<import SearchableTextInput from "./components/searchable-text-input";>
<SearchableTextInput/>
Use the component where you want.
-
arrayWithSetOfValue={dummyArray}
//pass the array from which you want to show the filterd results.const onTextChange = (dataFromTextInput) => { console.log("data from searchableTextInput", dataFromTextInput); };
// create a function to get the values from text input.handleOnChangeText={onTextChange}
//pass the function to SearchableTextInput component.placeholder="this is placefolder "
//pass your choice of placeholdertextInputStyle={{ backgroundColor: "#a7c4bc" }}
//if required pass the desired styling for textInputlistSeparatorStyle={{ borderColor: "#dfeeea" }}
// styling for list separatorsearchTextStyle={{ fontSize: 15 }}
// styling for search text
For any help or feedback you can write email @ pratiksanap007@gmail.com