React-Native-Modal-Select
uses Expo Icons
Props
-
iconType (string)
- the family of icon
- values include: "material", "entypo", "community", "foundation", "fontawesome5", "fontawesome", "antdesign", "ionicons", "evil", "feather", "octicons", "simple", "zocial"
-
iconPadding (int)
- padding around the icon
-
iconName (string)
- the name of the chosen icon
-
iconSize (int)
- size of the icon
-
iconColor (string)
-
inputWidth (int or percentage)
-
inputHeight (int or percentage)
-
selectedValue (int or string)
- value to be displayed in the input container
-
textColor (string)
-
onSelect (function)
- callback function
-
items (array of objects)
- objects must contain an id, label, and value
- i.e. [{ id: 0, label: "First Item", value: 1}, { id: 1, label: "Second Item", value: 2}]
-
backgroundColor (string)
- background color of the modal containing the flatlist
-
inputBackgroundColor (string)
- background color of the input
-
clearable (boolean)
- setting to true will place a clickable icon to the far right of the input to clear the value
-
labelText (string)
- label text to display above the input
-
labelColor (string)
- color of the label text
-
labelSize (int)
- font size of the label