Merge pull request hossein-zare#503 from TommysG/dev-5.x

feat: Added badgeProps to picker

Author: hossein-zare

index.d.ts

@@ -78,6 +78,7 @@ declare module 'react-native-dropdown-picker' {
   export interface RenderBadgeItemPropsInterface {
     label: string;
     value: ValueType;
+    props: TouchableOpacityProps,
     IconComponent: () => JSX.Element;
     textStyle: StyleProp<TextStyle>;
     badgeStyle: StyleProp<ViewStyle>;
@@ -230,6 +231,7 @@ declare module 'react-native-dropdown-picker' {
     activityIndicatorColor?: string;
     props?: TouchableOpacityProps;
     itemProps?: TouchableOpacityProps;
+    badgeProps?: TouchableOpacityProps;
     modalProps?: ModalProps;
     flatListProps?: Partial<FlatListProps<ItemType>>;
     scrollViewProps?: ScrollViewProps;

src/components/Picker.js

@@ -128,6 +128,7 @@ function Picker({
     activityIndicatorColor = Colors.GREY,
     props = {},
     itemProps = {},
+    badgeProps= {},
     modalProps = {},
     flatListProps = {},
     scrollViewProps = {},
@@ -957,6 +958,7 @@ function Picker({
      */
     const __renderBadge = useCallback(({item}) => (
         <RenderBadgeComponent
+            props={badgeProps}
             rtl={rtl}
             label={item[_schema.label]}
             value={item[_schema.value]}

src/components/RenderBadgeItem.js

@@ -13,6 +13,7 @@ import { RTL_DIRECTION, RTL_STYLE } from '../constants';
 function RenderBadge({
     rtl,
     label,
+    props,
     value,
     textStyle,
     badgeStyle,
@@ -61,7 +62,7 @@ function RenderBadge({
     ]), [textStyle, badgeTextStyle]);
 
     return (
-        <TouchableOpacity style={_badgeStyle} onPress={__onPress}>
+        <TouchableOpacity style={_badgeStyle} {...props} onPress={__onPress}>
             {showBadgeDot && <View style={_badgeDotStyle} />}
             <Text style={_badgeTextStyle}>{label}</Text>
         </TouchableOpacity>