fix: use a shadow instead of a border for header on iOS

closes facebook#97
react-one · Aug 18, 2019 · 6e9d05b · 6e9d05b
1 parent 53f8ba9
commit 6e9d05b
Showing 1 changed file with 7 additions and 2 deletions.
diff --git 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