DropDownMenu

DropDownMenu is a full screen contextual menu for displaying lists of links.

DropDownMenu

JSX Declaration

<DropDownMenu
      onOptionSelected={...}
      options={[
        {
          name: 'Lifestyle',
          id: '7',
        },
        {
          name: 'Food',
          id: '8',
        },
      ]}
      selectedOption={...}
      titleProperty={"name"}
      valueProperty={"id"}
      visibleOptions={...}
      styleName={...}
      style={...}
/>

Props

• onOptionSelected(option: Object) : function
  • Called after tapping an option from menu, with all Props from that option passed to the function
• options : array
  • Array of options that are rendered as Buttons within ListView
• selectedOption : any
  • Sets pre-selected options
• titleProperty : string
  • Attribute that defines what key from options Prop will be used to render option Titles in Dropdown menu
• valueProperty : string
  • Attribute that defines what key from options Prop will be used to link an option from options with id in Dropdown menu
• visibleOptions : number
  • Sets a number of options shown without scroll in Dropdown menu

Style names

• horizontal : renders a full-width selected option button with background color (defaults to gray), as defined in Theme

Style

• modal
  • Style prop for the outermost View within Modal component
• modalItem
  • Style prop that holds single item (row) in ListView.
• selectedOption
  • Style prop for a dropdown Button that opens a full screen contextual menu and represents currently selected option