removed tags alignment

src/components/basicUIElements/view/tag/tagView.js

@@ -1,17 +1,15 @@
-import React, { Fragment } from 'react';
+import React from 'react';
 import { Text, View, TouchableOpacity } from 'react-native';
 import styles from './tagStyles';
 
 const Tag = ({ onPress, isPin, value, isPostCardTag }) => (
-  <Fragment>
+  <TouchableOpacity onPress={() => onPress && onPress(value)}>
-    <TouchableOpacity onPress={() => onPress && onPress(value)}>
+    <View
-      <View
+      style={[styles.textWrapper, isPin && styles.isPin, isPostCardTag && styles.isPostCardTag]}
-        style={[styles.textWrapper, isPin && styles.isPin, isPostCardTag && styles.isPostCardTag]}
+    >
-      >
+      <Text style={[styles.text]}>{value}</Text>
-        <Text style={[styles.text]}>{value}</Text>
+    </View>
-      </View>
+  </TouchableOpacity>
-    </TouchableOpacity>
-  </Fragment>
 );
 
 export default Tag;

src/components/postElements/tags/view/tagsStyles.js

@@ -3,5 +3,11 @@ import EStyleSheet from 'react-native-extended-stylesheet';
 export default EStyleSheet.create({
   container: {
     flexDirection: 'row',
+    marginLeft: -20,
+    marginRight: -20,
+    height: 30,
+  },
+  firstTag: {
+    marginLeft: 10,
   },
 });

src/components/postElements/tags/view/tagsView.js

@@ -27,7 +27,9 @@ class TagsView extends PureComponent {
           data={tags}
           horizontal
           renderItem={({ item, index }) => (
-            <Tag key={index} value={item} isPin={index === 0} onPress={handleOnTagPress} />
+            <View style={index === 0 && styles.firstTag}>
+              <Tag key={index} value={item} isPin={index === 0} onPress={handleOnTagPress} />
+            </View>
           )}
           keyExtractor={item => item}
         />