scroll - React-Native 在滚动时隐藏导航栏

Question

我正在使用 react-native-navigation-flux 导航库，我正在尝试实现导航栏在向下滚动时会消失。有可能实现吗？

谢谢

Answer 1

尝试使用动画并在向上滚动时将 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 }}/>
     );
  }

}