rn-custom-dropdown-picker v1.0.2
rn-custom-dropdown-picker A customizable CustomDropdown screen component for React Native projects. Use this open source library in your fresh React Native project for instant startup.
Table of Contents
Installation
To use rn-custom-dropdown-picker in your React Native project, simply install it using npm or yarn:
npm install rn-custom-dropdown-picker
or
yarn add rn-custom-dropdown-pickerUsage
To use the CustomDropdown component in your app, import it from the rn-custom-dropdown-picker package and render it as the second component in your app after splash screen. You can customize the appearance and behavior of the CustomDropdown by passing in props.
How to use
import CustomDropdown from "rn-custom-dropdown-picker";
function App() {
return (
<CustomDropdown
options={[
{ label: "Label 1", value: "option1" },
{ label: "Label 2", value: "option2" },
]}
/>
);
}Props
The CustomDropdown component accepts the following props:
| Prop Name | Data Type | Description |
|---|---|---|
| options | array | An array of objects representing the dropdown options. Each object should have a label and value property. |
| --------- | --------- | ---------------------------------------- |
| dropdownHeaderStyle | object | Style for the dropdown header container |
| --------- | --------- | ---------------------------------------- |
| dropdownOptionStyle | object | Style for individual dropdown options |
| --------- | --------- | ---------------------------------------- |
| containerStyle | string | Style for the container that holds the CustomDropdownes |
| --------- | --------- | ---------------------------------------- |
| dropdownOptionTextStyle | object | Style for the text of individual dropdown options |
| --------- | --------- | ---------------------------------------- |
| containerStyle | object | Style for the overall container of the dropdown |
Contributors
We would like to thank the following developers for their contributions to this project:
To all our contributors, thank you for your hard work and dedication!
License
This package is released under the MIT License.