From 82d6ebb17fbb00a69a73bd46ff5125d0fe588744 Mon Sep 17 00:00:00 2001 From: Vojtech Novak Date: Thu, 8 Feb 2024 14:13:57 +0100 Subject: [PATCH 1/2] fix: improve styles for items on the left in JS stack (#221) --- example/src/screens/UsageLeft.tsx | 1 + src/ButtonsWrapper.tsx | 8 ++++++-- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/example/src/screens/UsageLeft.tsx b/example/src/screens/UsageLeft.tsx index 0b57988..d2808c2 100644 --- a/example/src/screens/UsageLeft.tsx +++ b/example/src/screens/UsageLeft.tsx @@ -15,6 +15,7 @@ export function UsageLeft({ navigation, route }: ScreenProps<'UsageLeft'>) { iconName={ route.params && route.params.showIcon ? 'arrow-back' : undefined } + style={{ backgroundColor: 'pink', marginRight: 10 }} onPress={() => alert('Test')} /> diff --git a/src/ButtonsWrapper.tsx b/src/ButtonsWrapper.tsx index 9b1e08d..46c9b47 100644 --- a/src/ButtonsWrapper.tsx +++ b/src/ButtonsWrapper.tsx @@ -56,16 +56,20 @@ const styles = StyleSheet.create({ }), }, extraEdgeMarginOnLeft: { + // not used in native stack + // only applies in JS stack or when rendered as a header for a tab navigator ...Platform.select({ android: { - marginLeft: 5, + marginLeft: 15, }, default: { - marginLeft: 4, + marginLeft: 14, }, }), }, extraEdgeMarginOnRight: { + // not used in native stack + // only applies in JS stack or when rendered as a header for a tab navigator ...Platform.select({ android: { marginRight: 14, From 81dbbed627897ad00957c9e2d6033de163dfa04d Mon Sep 17 00:00:00 2001 From: Vojtech Novak Date: Thu, 8 Feb 2024 14:15:49 +0100 Subject: [PATCH 2/2] chore: release 11.2.1 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 6756b85..0f3c362 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-navigation-header-buttons", - "version": "11.2.0", + "version": "11.2.1", "description": "test", "main": "lib/commonjs/index", "module": "lib/module/index",