From 9cbe1614f020069e74c009b387a1ebb134c9cf41 Mon Sep 17 00:00:00 2001
From: El Mezrichi Monir <monir.elmezrichi@hotmail.com>
Date: Sat, 8 May 2021 21:15:15 +0200
Subject: [PATCH] Fix triangles not render correctly on android

---
 src/breadcrumb.js | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/breadcrumb.js b/src/breadcrumb.js
index f06ed35..01df0f9 100644
--- a/src/breadcrumb.js
+++ b/src/breadcrumb.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React from 'react';
 import {
   View,
   ViewPropTypes,
@@ -28,9 +28,8 @@ const Crumb = ({ isCrumbActive, index, text, firstCrumbStyle, lastCrumbStyle, cr
       onPress={() => onCrumbPress(index)}
       activeOpacity={1}
     >
-      {Platform.OS === 'android' && !firstCrumbStyle ? <View style={{ width: height / 2.0, height, backgroundColor: 'transparent' }} /> : null}
       <View style={styles.crumbContainer}>
-        {isCrumbActive && !firstCrumbStyle ? <View style={[styles.leftTriangleContainer, styles.triangleTail, triangleTailStyle, { left: - height / 2 }, Platform.OS === 'android' ? { top: -2 } : {}]} /> : null}
+        {isCrumbActive && !firstCrumbStyle ? <View style={[styles.leftTriangleContainer, styles.triangleTail, triangleTailStyle, { left: - height / 2 }, Platform.OS === 'android' ? { top: 7.5 - ((height -1) * 0.5) } : {}]} /> : null}
         <Text
           style={[
             styles.crumbTextStyle,
@@ -41,9 +40,8 @@ const Crumb = ({ isCrumbActive, index, text, firstCrumbStyle, lastCrumbStyle, cr
         >
           {'  ' + text + ' '}
         </Text>
-        {isCrumbActive && !lastCrumbStyle ? <View style={[styles.rightTriangleContainer, styles.triangleHead, triangleHeadStyle, { right: - height / 2 }, Platform.OS === 'android' ? { top: -2 } : {}]} /> : null}
+        {isCrumbActive && !lastCrumbStyle ? <View style={[styles.rightTriangleContainer, styles.triangleHead, triangleHeadStyle, { right: - height / 2 }, Platform.OS === 'android' ? { top: 7.5 - ((height -1) * 0.5) } : {}]} /> : null}
       </View>
-      {Platform.OS === 'android' && !lastCrumbStyle ? <View style={{ width: height / 2.0 , height, backgroundColor: 'white' }} /> : null}
     </TouchableOpacity>
   );
 };