Javascript 如何使用react native手势处理程序限制用户可以拖动元素的垂直空间？

我正在尝试从屏幕底部构建一个滑动菜单。我面临的主要问题是设置用户可以向上拖动菜单的限制

背景：

我已经看了一些关于这个问题的例子。他试图摆弄那张桌子。但我仍然无法确切地知道我需要做什么来设定一个限制

代码：

目前我的设置如下：

import React，{Component}来自'React'；
进口{
有生气的
文本，
看法
来自“react native”的图像}；
导入{
PanGestureHandler，
使用本机驱动程序，
来自“反应本机手势处理程序”的状态}；
导出默认类菜单扩展组件{
建造师（道具）{
超级（道具）；
此.u translateY=新的动画.Value（0）；
这个.\u lastOffset={y:0}；
此.\u onPanGestureEvent=Animated.event(
[
{
nativeEvent：{
翻译：这个，
}
}
], 
{
useNativeDriver：使用本地驱动程序
}
);
此。_onHandlerStateChange=事件=>{
如果（event.nativeEvent.oldState===State.ACTIVE）{
此.u lastOffset.y+=event.nativeEvent.translationY；
this.\u translateY.setOffset（this.\u lastOffset.y）；
此.u translateY.setValue（0）；
}
};
}
render（）{
返回(

当我刷卡时，我得到：


当我一直向下滑动时，菜单就消失了：


目标：

我想菜单弹出到它的全尺寸一旦刷起来，然后缩小到只有标题时刷下来

向上刷卡的结果应如下所示：

向下滑动的结果应如下所示：

提前感谢您提供的任何帮助，我们将不胜感激