From 0308af5cd2b52cb7031bb1061ff6e722a27edc4c Mon Sep 17 00:00:00 2001
From: nkhadka <naveen.khadka@brimmatech.com>
Date: Wed, 10 May 2017 14:38:42 +0545
Subject: [PATCH] Apply keys

---
 index.js | 51 ++++++++++++++++++++++++++-------------------------
 1 file changed, 26 insertions(+), 25 deletions(-)

diff --git a/index.js b/index.js
index 959222b..48357a3 100644
--- a/index.js
+++ b/index.js
@@ -58,31 +58,32 @@ class Tabs extends Component {
                 }
             });
         }
-        return (
-          <View style={[styles.tabbarView, this.props.style, this.state.keyboardUp && styles.hidden]}>
-            {React.Children.map(this.props.children.filter(c=>c),(el)=>
-              <TouchableOpacity key={el.props.key}
-                testID={el.props.testID}
-                style={[ styles.iconView,
-                  this.props.iconStyle,
-                  (el.props.name || el.key) == selected
-                  ? this.props.selectedIconStyle || el.props.selectedIconStyle || {}
-                  : {} ]}
-                  onPress={()=>!self.props.locked && self.onSelect(el)}
-                  onLongPress={()=>self.onSelect(el)}
-                  activeOpacity={el.props.pressOpacity}>
-                  {el.props.children.map(c => (
-                    selected == (el.props.name || el.key)
-                    ? React.cloneElement(c,
-                      { selected: true,
-                        style: [ c.props.style,
-                          this.props.selectedStyle,
-                          c.props.selectedStyle ]})
-                    : c ))}
-                  </TouchableOpacity>
-            )}
-          </View>
-        );
+      return (
+        <View style={[styles.tabbarView, this.props.style, this.state.keyboardUp && styles.hidden]}>
+          {React.Children.map(this.props.children.filter(c=>c),(el)=>
+            <TouchableOpacity key={el.props.childKey}
+              testID={el.props.testID}
+              style={[ styles.iconView,
+                this.props.iconStyle,
+                (el.props.name || el.key) == selected
+                ? this.props.selectedIconStyle || el.props.selectedIconStyle || {}
+                : {} ]}
+                onPress={()=>!self.props.locked && self.onSelect(el)}
+                onLongPress={()=>self.onSelect(el)}
+                activeOpacity={el.props.pressOpacity}>
+                {el.props.children.map((c,i) => (
+                  selected == (el.props.name || el.key)
+                  ? React.cloneElement(c,
+                    { selected: true,
+                      key: i,
+                      style: [ c.props.style,
+                        this.props.selectedStyle,
+                        c.props.selectedStyle ]})
+                  : React.cloneElement(c, {key: i+10}) ))}
+                </TouchableOpacity>
+          )}
+        </View>
+      )
     }
 }
 var styles = StyleSheet.create({