kylefang/react-navigation
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-navigation.git synced 2026-03-27 01:34:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
closes #97
This commit is contained in:
Arnas
2019-08-01 02:28:25 +02:00
parent a2cc097e3e
commit d97be9afd5
3 changed files with 35 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/stack/src/navigators/__tests__/__snapshots__/NestedNavigator.test.tsx.snap
View File

@@ -357,9 +357,14 @@ Array [
Array [
Object {
"backgroundColor": "white",
"borderBottomColor": "#A7A7AA",
"borderBottomWidth": 0.5,
"flex": 1,
"shadowColor": "rgba(0, 0, 0, 0.3)",
"shadowOffset": Object {
"height": 0.5,
"width": 0,
},
"shadowOpacity": 0.85,
"shadowRadius": 0,
},
Object {},
]
@@ -491,9 +496,14 @@ Array [
Array [
Object {
"backgroundColor": "white",
"borderBottomColor": "#A7A7AA",
"borderBottomWidth": 0.5,
"flex": 1,
"shadowColor": "rgba(0, 0, 0, 0.3)",
"shadowOffset": Object {
"height": 0.5,
"width": 0,
},
"shadowOpacity": 0.85,
"shadowRadius": 0,
},
Object {},
]

18
packages/stack/src/navigators/__tests__/__snapshots__/StackNavigator.test.tsx.snap
View File

@@ -206,9 +206,14 @@ Array [
Array [
Object {
"backgroundColor": "white",
"borderBottomColor": "#A7A7AA",
"borderBottomWidth": 0.5,
"flex": 1,
"shadowColor": "rgba(0, 0, 0, 0.3)",
"shadowOffset": Object {
"height": 0.5,
"width": 0,
},
"shadowOpacity": 0.85,
"shadowRadius": 0,
},
Object {
"backgroundColor": "red",
@@ -519,9 +524,14 @@ Array [
Array [
Object {
"backgroundColor": "white",
"borderBottomColor": "#A7A7AA",
"borderBottomWidth": 0.5,
"flex": 1,
"shadowColor": "rgba(0, 0, 0, 0.3)",
"shadowOffset": Object {
"height": 0.5,
"width": 0,
},
"shadowOpacity": 0.85,
"shadowRadius": 0,
},
Object {
"backgroundColor": "red",

9
packages/stack/src/views/Header/HeaderBackground.tsx
View File

@@ -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