滚动时React-Native隐藏导航栏

时间:2017-02-23 09:49:20

标签: scroll react-native navbar

我正在使用react-native-navigation-flux导航库, 并且我试图实现导航栏在向下滚动时会消失。 是否有可能实现这一目标?

由于

1 个答案:

答案 0 :(得分:3)

尝试使用动画并在scrolluown上将navigationBar高度设置为零,并在scrollldown上设置默认高度。

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

}