如何在 react-native 中找到子组件的节点句柄？答案

【问题标题】：How to find the node handle of a child component in react-native?如何在 react-native 中找到子组件的节点句柄？
【发布时间】：2017-03-09 09:53:14
【问题描述】：

我在我的 react-native 应用程序中设置了一个 ViewPager 组件，如下所示：

render(){
  return(
    <View>
       <ViewPager
         ref="main"
         dataSource={this.state.dataSource}
         renderPage={this.renderView}
       />
       <TouchableHighlight onPress={this._onPressButton}>
           <Text>Something</Text>
       </TouchableHighlight>     
    </View>  
  );
}

renderView(){
    return(
      <View ref="main1">
          <Text>Something else</Text>     
      </View>
    );
}

_onPressButton(){
    //Do something with {this.refs.main} and {this.refs.main1}
}

现在我想使用 main1 引用访问 View 的节点句柄。我可以使用findNodeHandle(this.refs.main) 找到ViewPager 的节点句柄，但this.refs.main1 返回null。如何找到这个子View的节点句柄？

【问题讨论】：

我可以知道你为什么想要 main1 ref 吗？
我想将main1 View 传递给本机 Java 代码以创建其位图。为此，我想找到同一视图的节点句柄。
对不起，再次重复同样的问题。为什么要使用视图创建位图？你在尝试这样的stackoverflow.com/a/3036736/2125612 吗？
我想保存那个特定视图的快照。这就是为什么我需要访问main1 查看

标签： android react-native

【解决方案1】：

我在某处读到仅包含一个孩子的视图已折叠。完全有可能这就是您的情况。我可以通过在视图上附加边框来强制视图不折叠。显然这不是一个解决方案，但它至少会告诉你这是否正在发生。

【讨论】：