React Native之如何让一个自适应高度的弹层的弹框上下垂直居中

需求描述：

弹层中的弹框中银行标题以及内容都是接口请求的数据，目前布局是标题框和底部确定按钮是高度和宽度固定，中间的内容部分给了最低高度并且可以随内容增多而高度自适应。现在，产品需要这个不定高度的弹框可以垂直居中显示。尝试的解决办法有以下两种：

方案一：

由于我使用的是Animated动画，首先让遮罩层淡入，再让弹框从下到上的上移，使用的是将弹框绝对定位，需要bottom值来确定弹框上移的距离。使用React Native中的View组件的onLayout属性，去动态获取这个弹框的高度：

具体的核心代码如下：

render层&