如何在React Native中获取主页滚动事件

Question

我想创建一个主页，它在哪里开始，它在标题栏中显示标识，当它向下滚动时，我想要获取事件，所以我可以在标题栏中隐藏徽标然后显示一个TextInput搜索范围。

Answer 1

基本上你必须在组件中使用反应生命周期方法......

var Box = React.createClass({
  getInitialState: function() {
    return {windowWidth: window.innerWidth};
  },

  handleResize: function(e) {
    this.setState({windowWidth: window.innerWidth});
  },

  componentDidMount: function() {
    window.addEventListener('resize', this.handleResize);
  },

  componentWillUnmount: function() {
    window.removeEventListener('resize', this.handleResize);
  },

  render: function() {
    return <div>Current window width: {this.state.windowWidth}</div>;
  }
});

ReactDOM.render(<Box />, mountNode);

我认为这个链接应该有所帮助：）

https://facebook.github.io/react/tips/dom-event-listeners.html