2017-02-23 45 views
2

Я использую навигационную библиотеку реагирования-native-navigation-flux, , и я пытаюсь реализовать, что навигационная панель исчезнет при прокрутке вниз. Можно ли это достичь?React-Native hide navbar при прокрутке

Благодаря

+1

Добро пожаловать в StackOverflow! Просьба указать [Минимальный, полный и проверенный пример] (http://stackoverflow.com/help/mcve) вашей попытки, поэтому мы можем попытаться решить вашу проблему и объяснить, почему ваша собственная попытка не удалась - таким образом вы можете научиться что-то полезное для вашего будущего развития, а также получение ответа на эту единственную проблему. – andreas

ответ

1

Попробуйте использовать анимацию и установить высоту Панель навигации к нулю на Scrollup и по умолчанию высоты на Прокрутите вниз.

class MyAwesomeComponent extends Component { 

    constructor(props) { 
    super(props); 
    this.height = new Animated.Value(100); 
    } 

    _setAnimation(enable) { 
    Animated.timing(this.height, { 
     duration: 400, 
     toValue: enable? 100 : 0 
    }).start() 
    } 

    render() { 
    return (
     <Animated.View style={{ height: this.height }}/> 
    ); 
    } 

} 
Смежные вопросы