Skip to content

Commit 6b5b94c

Browse files
committed
iPhoneXFamily Notch StatusBar Design Hotfix
1 parent 8ea643b commit 6b5b94c

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

lib/src/HeaderClassicSearchBar/HeaderClassicSearchBar.style.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ export const container = (backgroundColor, insets) => {
2323
backgroundColor,
2424
borderBottomEndRadius: 24,
2525
borderBottomStartRadius: 24,
26-
height: isAndroid ? insets.top + 75 : isIPhoneXFamily() ? 120 : 85
26+
height: isAndroid ? insets.top + 75 : isIPhoneXFamily() ? 115 : 85
2727
};
2828
};
2929

@@ -33,7 +33,7 @@ export const searchboxContainer = insets => ({
3333
justifyContent: "space-around",
3434
...Platform.select({
3535
ios: {
36-
marginTop: isIPhoneXFamily() ? getStatusBarHeight() + 25 : 38
36+
marginTop: isIPhoneXFamily() ? getStatusBarHeight() + 23 : 38
3737
},
3838
android: {
3939
marginTop: insets.top + 25

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "react-native-header-search-bar",
3-
"version": "0.1.9",
3+
"version": "0.1.10",
44
"description": "Fully customizable header search bar for React Native",
55
"keywords": [
66
"header",

0 commit comments

Comments
 (0)