react-native-paper-dropdown

A fork of Fateh Farooqui's react-native-paper-dropdown with additional configurability

Peer dependencies

{
    "@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:

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 and the TextInput disabled prop | | onFocus | equivalent to the TouchableRipple onFocus prop | | onBlur | equivalent to the TouchableRipple onBlur prop | | 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 | | background | equivalent to the TouchableRipple background prop | | centered | equivalent to the TouchableRipple centered prop | | rippleColor | equivalent to the TouchableRipple rippleColor prop | | underlayColor | equivalent to the TouchableRipple underlayColor prop | | touchableStyle | all properties except margins are applied to the outer TouchableRipple | | error | equivalent to the TextInput error prop | | selectionColor | equivalent to the TextInput selectionColor prop | | underlineColor | equivalent to the TextInput underlineColor prop | | activeUnderlineColor | equivalent to the TextInput activeUnderlineColor prop | | outlineColor | equivalent to the TextInput outlineColor prop | | activeOutlineColor | equivalent to the TextInput activeOutlineColor prop | | dense | equivalent to the TextInput dense prop | | iconColor | equivalent to the TextInput.Icon color prop | | iconStyle | equivalent to the TextInput.Icon style prop |