RNNv2 CustomBackButton 在导航栏上留下一个空隙

RNNv2 CustomBackButton leaves a gap on the Nav Bar

我制作了一个自定义后退按钮组件,只是为了在某些屏幕上向用户弹出警告,他们可能正在更改实体的数据,如果他们之前没有点击 Save,将会丢失这些更改离开屏幕。

Link to snack for full CustomBackButton component code

(零食不会运行,我只是用它来提供我正在使用的完整代码)

此 logic/implementation 按预期工作,但外观与 iOS 上的原生后退按钮外观大不相同。我想知道如何最好地尽可能接近地模拟它,以便用户可以感觉到该按钮与整个应用程序中各处的本机体验相同。

你有什么建议?我愿意接受任何和所有建议,例如 flexbox 改进、hacky RNN mod 等。

自定义后退按钮:

原生后退按钮:

现在我在按钮容器上使用 marginLeft: -20 (styles.button)