@snskar125/rn-picker

Picker Component for React Native

Usage

import Picker from "@snskar125/rn-picker";
import { useState } from "react";
export default function App() {
  const [value, setValue] = useState(null);
  return (
    <Picker
      items={[
        { label: "Label 1", value: 1 },
        { label: "Label 2", value: 2 },
        { label: "Label 3", value: 3 },
        { label: "Label 4", value: 4 },
        { label: "Label 5", value: 5 },
      ]}
      value={value}
      onSelect={({ value }) => {
        setValue(value);
      }}
    />
  );
}

Props

| Prop | Type | | --------------------------- | --------------------------------------------- | | searchable | Boolean | | cancelable | Boolean | | value | Any | | items | Array of Objects (Label, Value) | | RenderButton | Component (Don't wrap in Touchable Component) | | placeholder | String | | onSelect | Function | | backgroundColor | String | | selectedItemBackgroundColor | String | | textColor | String | | selectedItemTextColor | String | | inputStyle | TextInput Style | | cancelButtonStyle | TouchableOpacity Style | | cancelTextStyle | Text Style |

Methods

showPicker() hidePicker()