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

closes #97
2026-02-11 22:33:32 +08:00 · 2019-08-01 02:28:25 +02:00
parent 53f8ba97df
commit 6e9d05b6cf
1 changed files with 7 additions and 2 deletions
--- 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