React native 在下拉屏幕时隐藏和显示组件

我试图显示一个搜索栏上拉下来的屏幕和隐藏它的滚动视图了

下面是我的react本机代码：

render() {
    return (
        <View style={styles.container}>
            <ScrollView
                style={styles.scrollView}
                onScroll={() => { console.log('onMomentumScrollBegin'); }}
                onScrollBeginDrag={() => { console.log('onScrollBeginDrag'); }}
                onScrollEndDrag={() => { console.log('onScrollEndDrag'); }}
            >
                <SearchBar
                    onChangeText={(obj) => {console.log(obj);}}
                    placeholder='Type Here...'
                    icon={{ type: 'font-awesome', name: 'search' }}
                />
                <View style={styles.innerContainer}>
                    <Text>Hello</Text>
                </View>
                <View style={styles.innerContainer}>
                    <Text>Hello</Text>
                </View>
            </ScrollView>
        </View>
    );
}

render（）{
返回(
{console.log（'onMomentumScrollBegin'）；}
onScrollBeginDrag={（）=>{console.log（'onScrollBeginDrag'）；}
onScrollEndDrag={（）=>{console.log（'onScrollEndDrag'）；}
>
{console.log（obj）；}
占位符=“在此处键入…”
图标={{type:'font-awesome'，name:'search'}}
/>
你好
你好
);
}

如果没有足够的元素用于滚动，则onScroll、onScrollBeginDrag、onScrollEndDrag不会调用

以下是我的屏幕截图：

如果有人对如何实现这一目标有任何想法，那将非常有帮助

---

提前感谢。

获取滚动值并与旧值进行比较，如果为负数，则上升；如果为正数，则上升down@Jigar，如果这些事件未触发，如何获取滚动值？有没有其他方法可以实现这一目标？