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

v5.1.12
hossein-zare · May 12, 2021 · b096bea · b096bea
2 parents 2056ad9 + 8469af0
commit b096bea
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/index.d.ts b/index.d.ts
@@ -177,7 +177,7 @@ declare module "react-native-dropdown-picker" {
       multiple?: boolean;
       multipleText?: string;
       mode?: ModeType;
-      key?: string;
+      itemKey?: string;
       maxHeight?: number;
       renderBadgeItem?: (props: RenderBadgeItemPropsInterface) => JSX.Element;
       renderListItem?: (props: RenderListItemPropsInterface) => JSX.Element;

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-dropdown-picker",
-  "version": "5.1.11",
+  "version": "5.1.12",
   "description": "A single / multiple, categorizable, customizable, localizable and searchable item picker (drop-down) component for react native which supports both Android & iOS.",
   "keywords": [
     "picker",

diff --git a/src/components/Picker.js b/src/components/Picker.js
@@ -102,7 +102,7 @@ function Picker({
     multiple = false,
     multipleText = null,
     mode = MODE.DEFAULT,
-    key = null,
+    itemKey = null,
     maxHeight = 200,
     renderBadgeItem = null,
     renderListItem = null,
@@ -873,18 +873,18 @@ function Picker({
      * The badge key.
      * @returns {string}
      */
-    const _key = useMemo(() => {
-        if (key === null)
+    const _itemKey = useMemo(() => {
+        if (itemKey === null)
             return _schema.value;
 
-        return key;
-    }, [key, _schema]);
+        return itemKey;
+    }, [itemKey, _schema]);
 
     /**
      * The key extractor.
      * @returns {string}
      */
-    const keyExtractor = useCallback((item) => `${item[_key]}`, [_key]);
+    const keyExtractor = useCallback((item) => `${item[_itemKey]}`, [_itemKey]);
 
     /**
      * The badge separator style.
@@ -1482,7 +1482,7 @@ function Picker({
             <ScrollView nestedScrollEnabled={true} {...scrollViewProps}>
                 {_items.map((item, index) => { 
                     return (
-                        <Fragment key={item[_key]}>
+                        <Fragment key={item[_itemKey]}>
                             {index > 0 && ItemSeparatorComponent()}
                             {__renderListItem({item})}
                         </Fragment>
@@ -1491,7 +1491,7 @@ function Picker({
                 {_items.length === 0 && _ListEmptyComponent()}
             </ScrollView>
         );
-    }, [renderListItem, __renderListItem, _key, scrollViewProps, _ListEmptyComponent]);
+    }, [renderListItem, __renderListItem, _itemKey, scrollViewProps, _ListEmptyComponent]);
 
     /**
      * The dropdown modal component.