Advanced Usage
You can customize, PaperSelect
as per your requirement. You can view a list of customization options at the API page.
Translations
Static texts like the button texts, "Select all", the search placeholder can all be replaced through their respective properties:
label
: The actual label shown on the TextInputdialogTitle
: The title shown in the dialog, this defaults to the label defined aboveselectAllText
: The text shown on the "Select all" checkbox in the dialog, only will have an effect whenmultiEnable
is true.searchText
: The text shown in the searchbar placeholderdialogCloseButtonText
: The text shown in the close button of the dialog.dialogDoneButtonText
: The text shown in the done button of the dialog.errorText
: A piece of text shown below the TextInput when you want to indicate an error has occured with your item selection.
Overriding the theme
Like with most react-native-paper components, the theme can be overridden on a per component basis. We utilize this method too, however the theme is applied to all sub-components below the container component. If you need to set specific styles of certain components, you can find them in any of the ...Style
properties.
The theme can be provided in any possible configuration you can use in regular react-native-paper components, MD2/MD3 - Light/Dark. By default it will use the theme as provided by the PaperProvider
.
Overriding components properties
Currently we support 2 different properties for overriding additional component properties, these are:
textInputProps
: Passes additional properties to the element where the selected value(s) are shown.checkboxProps
: Passes additional properties to the elements used for picking items in the dialog, aswell as the "Select all" option.searchbarProps
: Passes additional properties to the element used for searching in the possible items.
Last updated