スクロール時のネイティブナビゲーションの非表示

Question

私は反応ネイティブナビゲーションフラックスナビゲーションライブラリ を使用していますが、スクロールするときにナビゲーションバーが消えることを実装しようとしています。 これは可能ですか？

おかげ

Answer 1

アニメーションを使用して試してみて、scrolldownにscrollupとデフォルトの高さにゼロにnavigationBarの高さを設定します。

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

}