无法在React Native的另一个组件中调用方法“空不是对象”

Question

我有一个小吃设置（请忽略样式）：

https://snack.expo.io/@drc83/view-not-scrolling

单击显示模式->单击下一步按钮。单击图像时，在滑块页面上，视图应更改（水平滑动到下一个视图），但出现错误“空不是对象”。问题出在SliderEntry.js，

this.MyScrollView.current.moveToPage(3);

如何从SliderEntry文件中调用此moveToPage方法？

Answer 1

您没有正确使用ref。 在ScrollView组件上，将ref设置为此：

<MyScrollView ref={(ref) => { this.MyScrollView = ref; }}>

您还应该将nextView绑定到Component，否则this在该函数内将始终为null（因为在呈现组件之后执行）：

constructor(props){
  super(props);
  this.state = {
    isModalVisible: false
  }

  this.nextView = this.nextView.bind(this);
}