From eb4395548959fb78d6cfe4d60355334d6c2f6cdd Mon Sep 17 00:00:00 2001 From: sarovin Date: Tue, 14 Jun 2016 12:24:17 +0200 Subject: [PATCH 1/2] Fix Top props for the Title of NavBar --- src/NavBar.js | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) diff --git a/src/NavBar.js b/src/NavBar.js index bd0a974e0..4f196a55a 100644 --- a/src/NavBar.js +++ b/src/NavBar.js @@ -47,7 +47,14 @@ const styles = StyleSheet.create({ fontWeight: '500', color: '#0A0A0A', position: 'absolute', - top: Platform.OS === 'ios' || Platform.Version > 19 ? 20 : 0, + ...Platform.select({ + ios: { + top: 20, + }, + android: { + top: 15, + }, + }), left: 0, right: 0, }, @@ -55,7 +62,14 @@ const styles = StyleSheet.create({ backgroundColor: '#EFEFF2', paddingTop: 0, top: 0, - height: Platform.OS === 'ios' || Platform.Version > 19 ? 64 : 44, + ...Platform.select({ + ios: { + height: 64, + }, + android: { + height: 64, + }, + }), right: 0, left: 0, borderBottomWidth: 0.5, From d65b9d676a34b596649c597f19a01c46529ca295 Mon Sep 17 00:00:00 2001 From: sarovin Date: Tue, 14 Jun 2016 12:57:32 +0200 Subject: [PATCH 2/2] Fix Top props for the right and left Button of NavBar --- src/NavBar.js | 31 ++++++++++++++++++++++++++----- 1 file changed, 26 insertions(+), 5 deletions(-) diff --git a/src/NavBar.js b/src/NavBar.js index 4f196a55a..1959e36a3 100644 --- a/src/NavBar.js +++ b/src/NavBar.js @@ -52,7 +52,7 @@ const styles = StyleSheet.create({ top: 20, }, android: { - top: 15, + top: 5, }, }), left: 0, @@ -67,7 +67,7 @@ const styles = StyleSheet.create({ height: 64, }, android: { - height: 64, + height: 54, }, }), right: 0, @@ -80,7 +80,14 @@ const styles = StyleSheet.create({ width: 130, height: 37, position: 'absolute', - bottom: 4, + ...Platform.select({ + ios: { + top: 22, + }, + android: { + top: 10, + }, + }), left: 2, padding: 8, flexDirection: 'row', @@ -89,7 +96,14 @@ const styles = StyleSheet.create({ width: 100, height: 37, position: 'absolute', - bottom: 4, + ...Platform.select({ + ios: { + top: 22, + }, + android: { + top: 10, + }, + }), right: 2, padding: 8, }, @@ -97,7 +111,14 @@ const styles = StyleSheet.create({ width: 100, height: 37, position: 'absolute', - bottom: 4, + ...Platform.select({ + ios: { + top: 20, + }, + android: { + top: 8, + }, + }), left: 2, padding: 8, },