# @hashiprobr/react-native-paper-dropdown > A fork of Fateh Farooqui's react-native-paper-dropdown with additional configurability Latest version **1.1.0** (published 2023-04-26) · MIT license · 0 weekly downloads ## Install ```sh npm install @hashiprobr/react-native-paper-dropdown pnpm add @hashiprobr/react-native-paper-dropdown yarn add @hashiprobr/react-native-paper-dropdown bun add @hashiprobr/react-native-paper-dropdown ``` ## Health **Score 20/100 (F)** — status: abandoned. Positive: has types; no vulnerabilities. Warnings: low downloads; no esm support. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 1.1.0 | | Published | 2023-04-26 | | First published | 2022-01-04 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | CommonJS | | Dependencies | 0 | | Unpacked size | 15.2 KB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 1 | | Author | Marcelo Hashimoto | | Maintainers | hashiprobr | | Keywords | JavaScript, React, React Native, React Native Paper, React Native Paper Component, DropDown, Material Design | ## Links - npm: https://www.npmjs.com/package/@hashiprobr/react-native-paper-dropdown - Repository: https://github.com/hashiprobr/react-native-paper-dropdown - Homepage: https://github.com/hashiprobr/react-native-paper-dropdown#readme - Issues: https://github.com/hashiprobr/react-native-paper-dropdown/issues - npm.io page: https://npm.io/package/@hashiprobr/react-native-paper-dropdown ## Alternatives - [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads - [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads - [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads - [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads - [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads ## Recent versions - 1.1.0 (latest) — 2023-04-26 - 1.0.11 — 2022-01-12 - 1.0.10 — 2022-01-10 - 1.0.9 — 2022-01-06 - 1.0.8 — 2022-01-06 - 1.0.7 — 2022-01-05 - 1.0.6 — 2022-01-05 - 1.0.5 — 2022-01-05 - 1.0.4 — 2022-01-04 - 1.0.3 — 2022-01-04 - 1.0.2 — 2022-01-04 - 1.0.1 — 2022-01-04 - 1.0.0 — 2022-01-04 ## README react-native-paper-dropdown =========================== **A fork of [Fateh Farooqui](https://github.com/fateh999)'s [react-native-paper-dropdown](https://fateh999.github.io/react-native-paper-dropdown/#/) with additional configurability** Peer dependencies ----------------- ``` json { "@hashiprobr/react-use-mount-and-update": "*", "@types/react": "*", "@types/react-native": "*", "react": "*", "react-native": "*", "react-native-paper": "*", "typescript": "*" } ``` Install ------- With npm: ``` npm install @hashiprobr/react-native-paper-dropdown ``` With yarn: ``` yarn add @hashiprobr/react-native-paper-dropdown ``` If using Expo, add the module to `webpack.config.js`: ``` js const createExpoWebpackConfigAsync = require('@expo/webpack-config'); module.exports = async function (env, argv) { const config = await createExpoWebpackConfigAsync({ ...env, babel: { dangerouslyAddModulePathsToTranspile: [ '@hashiprobr/react-native-paper-dropdown', ], }, }, argv); return config; }; ``` If `webpack.config.js` does not exist, create it with: ``` expo customize:web ``` Removed props ------------- | name | description | |--------------|--------------------------| | visible | not available | | onDismiss | not available | | showDropDown | not available | | setValue | renamed to onChangeValue | | inputProps | not available | Added props ----------- | name | description | |----------------------|-------------| | onChangeValue | renamed from setValue | | disabled | equivalent to the [TouchableRipple disabled prop](https://callstack.github.io/react-native-paper/touchable-ripple.html#disabled) and the [TextInput disabled prop](https://callstack.github.io/react-native-paper/text-input.html#disabled) | | onFocus | equivalent to the [TouchableRipple onFocus prop](https://callstack.github.io/react-native-paper/touchable-ripple.html#onFocus) | | onBlur | equivalent to the [TouchableRipple onBlur prop](https://callstack.github.io/react-native-paper/touchable-ripple.html#onBlur) | | style | all properties except margins are applied to the inner TextInput, margins are applied to the outer TouchableRipple | | editable | if false, clicking on the component has no effect (default `true`) | | borderless | equivalent to the [TouchableRipple borderless prop](https://callstack.github.io/react-native-paper/touchable-ripple.html#) | | background | equivalent to the [TouchableRipple background prop](https://callstack.github.io/react-native-paper/touchable-ripple.html#background) | | centered | equivalent to the [TouchableRipple centered prop](https://callstack.github.io/react-native-paper/touchable-ripple.html#centered) | | rippleColor | equivalent to the [TouchableRipple rippleColor prop](https://callstack.github.io/react-native-paper/touchable-ripple.html#rippleColor) | | underlayColor | equivalent to the [TouchableRipple underlayColor prop](https://callstack.github.io/react-native-paper/touchable-ripple.html#underlayColor) | | touchableStyle | all properties except margins are applied to the outer TouchableRipple | | error | equivalent to the [TextInput error prop](https://callstack.github.io/react-native-paper/text-input.html#error) | | selectionColor | equivalent to the [TextInput selectionColor prop](https://callstack.github.io/react-native-paper/text-input.html#selectionColor) | | underlineColor | equivalent to the [TextInput underlineColor prop](https://callstack.github.io/react-native-paper/text-input.html#underlineColor) | | activeUnderlineColor | equivalent to the [TextInput activeUnderlineColor prop](https://callstack.github.io/react-native-paper/text-input.html#activeUnderlineColor) | | outlineColor | equivalent to the [TextInput outlineColor prop](https://callstack.github.io/react-native-paper/text-input.html#outlineColor) | | activeOutlineColor | equivalent to the [TextInput activeOutlineColor prop](https://callstack.github.io/react-native-paper/text-input.html#activeOutlineColor) | | dense | equivalent to the [TextInput dense prop](https://callstack.github.io/react-native-paper/text-input.html#dense) | | iconColor | equivalent to the [TextInput.Icon color prop](https://callstack.github.io/react-native-paper/text-input-icon.html#color) | | iconStyle | equivalent to the [TextInput.Icon style prop](https://callstack.github.io/react-native-paper/text-input-icon.html#style) | --- _Source: https://npm.io/package/@hashiprobr/react-native-paper-dropdown · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._