Скрыть и показать компонент при опускании экрана - PullRequest
Новая
       23

Скрыть и показать компонент при опускании экрана

0 голосов
/ 04 сентября 2018

Я пытаюсь показать строку поиска при опускании экрана и скрытии его при прокрутке просмотра вверх.

Ниже приведен мой реагирующий код: 

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 не вызывается, если недостаточно элементов для прокрутки.

Вот скриншот моего экрана:

enter image description here

Если у кого-то есть идеи о том, как этого добиться, это будет очень полезно.

Заранее спасибо.

...