From e26e2fee5a738e1cc5e4124f7079c7de3488bc7f Mon Sep 17 00:00:00 2001
From: Brent Vatne <brentvatne@gmail.com>
Date: Mon, 5 Nov 2018 14:22:35 -0800
Subject: [PATCH] Improve UIKit style masking and button opacity

---
 packages/stack/src/views/Header/Header.js      |   6 +++---
 .../views/Header/HeaderStyleInterpolator.js    |   4 ++--
 .../stack/src/views/assets/back-icon-mask.png  | Bin 659 -> 1619 bytes
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/stack/src/views/Header/Header.js b/packages/stack/src/views/Header/Header.js
index 278bb195..82c409ed 100644
--- a/packages/stack/src/views/Header/Header.js
+++ b/packages/stack/src/views/Header/Header.js
@@ -684,10 +684,10 @@ const styles = StyleSheet.create({
   },
   iconMask: {
     // These are mostly the same as the icon in ModularHeaderBackButton
-    height: 21,
-    width: 12,
+    height: 23,
+    width: 14.5,
     marginLeft: 8.5,
-    marginTop: -0.5, // resizes down to 20.5
+    marginTop: -2.5,
     alignSelf: 'center',
     resizeMode: 'contain',
     transform: [{ scaleX: I18nManager.isRTL ? -1 : 1 }],
diff --git a/packages/stack/src/views/Header/HeaderStyleInterpolator.js b/packages/stack/src/views/Header/HeaderStyleInterpolator.js
index ae4ed1ea..d045f56b 100644
--- a/packages/stack/src/views/Header/HeaderStyleInterpolator.js
+++ b/packages/stack/src/views/Header/HeaderStyleInterpolator.js
@@ -172,9 +172,9 @@ function forLeftButton(props) {
   const outputRange = [
     0,
     hasHeader(scenes[first]) ? 0 : 1,
-    hasHeader(scenes[first]) ? 0.1 : 1,
+    hasHeader(scenes[first]) ? 0.3 : 1,
     hasHeader(scenes[index]) ? 1 : 0,
-    hasHeader(scenes[last]) ? 0.1 : 1,
+    hasHeader(scenes[last]) ? 0.3 : 1,
     hasHeader(scenes[last]) ? 0 : 1,
     0,
   ];
diff --git a/packages/stack/src/views/assets/back-icon-mask.png b/packages/stack/src/views/assets/back-icon-mask.png
index 5fa299b74967d4ef698f84f6f0208277befacdae..dbddbdff603cb6ede24cdf2e881bdc2288078011 100644
GIT binary patch
literal 1619
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
R$Hf2u002ovPDHLkV1j7o`CR}2

literal 659
zcmV;E0&M+>P)<h;3K|Lk000e1NJLTq001xm002@51^@s65<XYf00077Nkl<ZcmeF2
z1#%oQ5Jkhx%*=R;94~x>6o;9anc+?EEZbf<KsXz9P=P|@uaeA`^!vZzky^usaxt@Q
zZ{EB)0K5x7JOBF{HWW*z(-{Tqjg6`RxcSk()!m#NfSU&nxiK{WH$NsAI_jq60Ngxq
z+zrVAnAuq1q??fgD3wa%f{8P3L=K=<tBnWFxd}Od?(Xghzy&uT2jJ#I;7cA{4xrI!
zObkJ<cwjkzR;x7$xaL9S0NU;L<Phwp2b2RavnjxB4<-kY=lN9Nt_P9>D3wanfO{T9
z4xm!0Ob_A@Jb)ZPy<VRQJaTb40ALpI#D(Pm%xrcLeCDEZ0EI$f4)DSS<p7Gs;#}aR
zi^&0$%jNmNYZsCOs8*{Bf&eZe2ViE4Lg&l{)Bya1T?`bwvm8L4=SzU1ca#Gtl}gJ(
zhmv=a0|*V5hp&ovkOMHYl|a=Ss{!~izZ$4{Lp1<5za}*3@<wt1z`9V`?G5Ar%xnYD
z@JcxVGusF>y+RGZkNM3&E2`810JZ|{s6q#zR4UEWGamr}`}`MK0KZ%&fOH7;{v>Yo
zLL^;A(~V63Q6ef?maPvJJ-rZ3kJIUeCK>};6~9uZm-;~-Rw>6F^#`_uhZb{L0PVru
zr~nJ&;q^4Zk*1jRC;56m%^Jj>N5W~MJEa=*BAs$Zoa~X(ZBoKh?^Dk1NCL!3e<9E<
zNq{)*61WiuPKmE6^;kanyZ37cF31ANFMx=bpa7?1LunCET87m-h$FH9@=FmTh*7eO
tL1Tz4%XR>tB>{dG;OlIFj(mg90{|ERezlm^CdmK*002ovPDHLkV1n#N8`J;*