diff --git a/src/components/Dropdown/index.tsx b/src/components/Dropdown/index.tsx index 2a73f2f..5cc922a 100644 --- a/src/components/Dropdown/index.tsx +++ b/src/components/Dropdown/index.tsx @@ -76,6 +76,7 @@ const DropdownComponent = React.forwardRef>( inverted = true, renderLeftIcon, renderRightIcon, + renderMainView, renderItem, renderInputSearch, onFocus, @@ -449,6 +450,8 @@ const DropdownComponent = React.forwardRef>( accessibilityLabel={accessibilityLabel} onPress={showOrClose} > + {renderMainView? + renderMainView() : {renderLeftIcon?.(visible)} >( ])} /> )} - + } ); }; diff --git a/src/components/Dropdown/model.ts b/src/components/Dropdown/model.ts index e4212a9..8691c10 100644 --- a/src/components/Dropdown/model.ts +++ b/src/components/Dropdown/model.ts @@ -62,6 +62,7 @@ export interface DropdownProps { onChange: (item: T) => void; renderLeftIcon?: (visible?: boolean) => React.ReactElement | null; renderRightIcon?: (visible?: boolean) => React.ReactElement | null; + renderMainView?: () => React.ReactElement | null; renderItem?: (item: T, selected?: boolean) => React.ReactElement | null; renderInputSearch?: ( onSearch: (text: string) => void