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