https://github.com/logisticinfotech/react-native-contact-multi-select

React Native multi select library
https://github.com/logisticinfotech/react-native-contact-multi-select

contact contact-library contact-selection-library ios ios-demo iphone-app-contact iphone-app-contact-selection-demo multiselect-library phonebook react-native react-native-library reactnative reactnative-demo

Last synced: 3 days ago
JSON representation

React Native multi select library

• Host: GitHub
• URL: https://github.com/logisticinfotech/react-native-contact-multi-select
• Owner: logisticinfotech
• License: mit
• Created: 2019-04-11T13:30:37.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2019-07-27T08:01:00.000Z (over 5 years ago)
• Last Synced: 2025-04-23T21:06:33.078Z (3 days ago)
• Topics: contact, contact-library, contact-selection-library, ios, ios-demo, iphone-app-contact, iphone-app-contact-selection-demo, multiselect-library, phonebook, react-native, react-native-library, reactnative, reactnative-demo
• Language: JavaScript
• Homepage: https://www.logisticinfotech.com/blog/react-native-multi-select-library/
• Size: 2.85 MB
• Stars: 6
• Watchers: 5
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        










### React Native Contact Multi Select

[In this article](https://www.logisticinfotech.com/blog/react-native-multi-select-library/) you will get step by step details about the library and its implementations with your React Native project

# Guide

![](RNContactMultiSelect.gif)

### Properties

#### Basic

| Prop                | Default          | Type       | Description                                                                                                               |

| ------------------- | ---------------- | ---------- | ------------------------------------------------------------------------------------------------------------------------- |

| searchBgColor       | rgb(202,201,207) | `String`   | Background color of searchbar.                                                                                            |

| searchPlaceholder   | Search...        | `String`   | Searchbar placeholder text.                                                                                               |

| viewCloseStyle      | {}               | `style`    | Style of the remove selected contact icon style.                                                                          |

| viewCheckMarkStyle  | {}               | `style`    | Style of the selected contact tick icon style .                                                                           |

| sepratorStyle       | {}               | `style`    | Style of the contact list seprator.                                                                                       |

| viewSepratorStyle   | {}               | `style`    | Style of the selected list and list seprator .                                                                            |

| otherContactList    | []               | `Array`    | Array of other contacts if need to add [{fullname:"Logistic Infotech",phonenumber:"123456789",avatar:"avatar path/url"}]. |

| onContactSelected   | () => {}         | `function` | Return contact item when selected.                                                                                        |

| onContactRemove     | () => {}         | `function` | Return contact item when removed from selected list.                                                                      |

| getSelectedContacts | --               | --         | Return list of the selected contacts.                                                                                     |