_getARPlanes() {
    if (this.state.selectedSurface == -1) {
      let arPlanes = [];
      let numPlanes = this.props.maxPlanes || _maxPlanes;
      for (var i = 0; i < numPlanes; i++) {
        let foundARPlane = this.state.foundARPlanes[i];
        let surfaceWidth = foundARPlane ? foundARPlane.width : 0;
        let surfaceHeight = foundARPlane ? foundARPlane.height : 0;
        let surfacePosition = foundARPlane ? foundARPlane.center : [0,0,0];
        arPlanes.push((
          <ViroARPlane key={_planePrefix + i}
            minWidth={this.props.minWidth}
            minHeight = {this.props.minHeight}
            alignment = {this.props.alignment}
            onAnchorUpdated={this._onARPlaneUpdated(i)} >
            <ViroQuad materials={"ViroARPlaneSelector_Translucent"}
              onClick={this._getOnClickSurface(i)}
              position={surfacePosition}
              width={surfaceWidth} height={surfaceHeight}
              rotation={[-90,0,0]} />
          </ViroARPlane>
        ));
      }
      return arPlanes;
    } else {
      return (
        <ViroARPlane key={_planePrefix + this.state.selectedSurface}
          {...this.props}>
        </ViroARPlane>
      );
    }
  }
This component wraps the logic required to enable user selection
of an AR plane. This currently only allows for 1 plane to be selected,
but could easily be modified to allow for more planes.