From 6e9d05b6cf2913694da495175aadb4b4fbb55b04 Mon Sep 17 00:00:00 2001
From: Arnas <arnasmila@gmail.com>
Date: Thu, 1 Aug 2019 02:28:25 +0200
Subject: [PATCH] fix: use a shadow instead of a border for header on iOS

closes #97
---
 packages/stack/src/views/Header/HeaderBackground.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/stack/src/views/Header/HeaderBackground.tsx b/packages/stack/src/views/Header/HeaderBackground.tsx
index 1e7214689d77b8..3d337ac4307450 100644
--- a/packages/stack/src/views/Header/HeaderBackground.tsx
+++ b/packages/stack/src/views/Header/HeaderBackground.tsx
@@ -14,8 +14,13 @@ const styles = StyleSheet.create({
         elevation: 4,
       },
       ios: {
-        borderBottomWidth: StyleSheet.hairlineWidth,
-        borderBottomColor: '#A7A7AA',
+        shadowColor: 'rgba(0, 0, 0, 0.3)',
+        shadowOpacity: 0.85,
+        shadowRadius: 0,
+        shadowOffset: {
+          width: 0,
+          height: StyleSheet.hairlineWidth,
+        },
       },
       default: {
         // https://github.com/necolas/react-native-web/issues/44