react-native - 画面のプルダウン時にコンポーネントを非表示および表示する

Question

画面をプルダウンして検索バーを表示し、ビューを上にスクロールすると非表示にしようとしています。

以下は私の反応ネイティブコードです：

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>
    );
}

スクロールに十分な要素がない場合、onScroll、onScrollBeginDrag、onScrollEndDrag は呼び出されません。

これが私の画面のスクリーンショットです：

誰かがそれを達成する方法について何か考えを持っているなら、それは非常に役に立ちます。

前もって感謝します。