Whenever I updateState, scrolls back to initial tab

[yogiben]

In my small app, whenever I update the state e.g.

this.setState({
      text: text
    })

The tab bar slides back to the original tab.

Running on iOS.

[ghamaide]

+1

[yogiben]

This is a simple example that replicates the error

var Tabs = React.createClass({
  getInitialState() {
    return {
      tab: 0
    }
  },
  handleTabChange(e) {
    this.setState({
      tab: e.i
    })
  },
  render() {
    return (
      <ScrollableTabView onChangeTab={this.handleTabChange}>
        <TestView />
        <TestView />
        <TestView />
      </ScrollableTabView>
    );
  }
})

[yogiben]

Debugging package:

Any change in state of the parent element will trigger componentWillReceiveProps

componentWillReceiveProps(props) {
    if (props.initialPage !== this.state.currentPage) {
      this.goToPage(props.initialPage);
    }
  },

This will get check the initialPage prop agains the this.state.currentPage and return to the current page if if doesn't match.

[yogiben]

Created PR #129

[skv-headless]

Please check master version.

[robtg4]

@skv-headless could you go into more detail with your reply? where in master version should we check? How can we solve this?

[skv-headless]

I use v0.3.5 #129 fixed for me.