FilterSort

Usage

let filterSort = {
    sortIcon: "sort-amount-down",
    sortTitle: "Hightest Rating",
    filterIcon: "filter",
    filterTitle: "Filter",
    modeViewIcon: "th-list"
}  

<FilterSort
    sortIcon={filterSort.sortIcon}
    sortTitle={filterSort.sortTitle}
    filterIcon={filterSort.filterIcon}
    filterTitle={filterSort.filterTitle}
    modeViewIcon={filterSort.modeViewIcon}
    onChangeSort={() => this.openModal("bottom")} // call internal function for show modal sort
    onChangeView={this.onChangeView}
    onChangeFilter={this.onChangeFilter} // call internal function for show modal filter
/>

Props

sortIcon

Type: String
Icon name of sort (using Fontawesome name)

sortTitle

Type: String
Name of sorting after activated

filterIcon

Type: String
Icon name of filtering (using Fontawesome name)

filterTitle

Type: String
Name of filtering after activated

modeViewIcon

Type: String
Icon name of view mode (using Fontawesome name)

onChangeSort

Type: Function
Function to execute on press for sorting

onChangeFilter

Type: Function
Function to execute on press for filtering

onChangeView

Type: Function
Function to execute on press for change view mode

onChangeSort

Type: String
Function to execute on press for change view mode

style

Type: StyleProp
Customize CSS style ViewStyle