react-native - 如何测量页面中的列表视图行位置

Question

我正在使用 react native Listview组件。

如何测量一行的坐标？我需要知道我在更复杂的视图中做的动画的这些坐标。

我从 NativeMethodsMixin 找到了方法度量，但我无法让它工作。我收到以下错误：度量不是函数

如何在需要时使用 measure 函数获取行的坐标？

最小起点：

class MyComponent extends Component { 
   constructor() { 
     super(); 
     const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2}); 
     this.rows = []
     this.state = { dataSource: ds.cloneWithRows(['row 1', 'row 2'])}; 
   } 
   render() { 
    return ( 
       <ListView dataSource={this.state.dataSource} renderRow={
            (rowData) => 
                 <TouchableWithoutFeedback
                    ref={(row) => {
                       this.rows[rowData] = row
                    }}
                    onPress={(event) => {
                       this.rows[rowData].measure(
                          (x, y, width, height, pageX, pageY) => {})
                    }}>
                    <Text>{rowData}</Text>
                 </TouchableWithoutFeedback>
       } /> 
    ); 
  } 
}

Answer 1

我认为 TouchableWithoutFeedback 无法测量。这是一个问题吗？我不确定这是否是预期的行为。

我通过将 TouchableWithoutFeedback 包装在 View 中并改为测量视图来实现它！