ReactNative：用于ListView的UITableView.rectForRowAtIndexPath模拟？

Question

我需要在列表视图中找到item的位置（就像rectForRowAtIndexPath对UITableView一样），它是如何实现的？

Answer 1

我相信这会奏效：

• 确保每个项目都有唯一的ref prop（更多关于React文档中的ref道具：https://facebook.github.io/react/docs/more-about-refs.html）

只要您需要在this.refs.your_reference上调用“measure”方法，就可以在代码中

• 。确保它在componentDidMount（）中，但是可能需要（Warning！Hacks！）通过setTimeout方法调用它，如此处所述React-Native : measure a View

Answer 2

我使用内置的onLayout函数作为视图。例如：

 <View onLayout={this.handleLayout}/>

然后你的功能将有：

 handleLayout: function(event){
   var {x, y, width, height} = event.nativeEvent.layout;
   console.log('x pos:' + x + ' / y pos:' + y + ' / width:' + width + ' / height:' + height);
},

希望这有帮助！