Get state from renderScene function (Navigator) in React Native

Question

When I try to get a state of an element from renderScene function (Navigator), I have an error. It seems I couldn't get any state from that function.

For instance:

constructor(props) {

  super(props);

  this.state = {
    test: 'test ok'
  };

}

renderScene(route, navigator) {

  console.log('test ok'); // test ok

  console.log(this.state.test); // Cannot read property 'test' of undefined

  ...

}

render() {

  return (
    <Navigator
      ...
      renderScene={this.renderScene}
      ...
    />
  )

}

Answer 1

use

renderScene={this.renderScene.bind(this)}