rn-custom-dropdown-picker

1.0.2 • Public • Published

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-picker

Usage

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.

Package Sidebar

Install

npm i rn-custom-dropdown-picker

Weekly Downloads

5

Version

1.0.2

License

ISC

Unpacked Size

8.53 kB

Total Files

3

Last publish

Collaborators

  • ittechxpert