@fringecoding/react-native-paper-dropdown

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