Proxy measurement methods from the Ripple

lib/Ripple.js

@@ -23,6 +23,7 @@ export default class Ripple extends Component {
             return (
                 <PolyfillRipple
                     rippleColor={color}
+                    ref={this._setMainRef}
                     onPress={onPress}
                     onLongPress={onLongPress}
                     {...other}
@@ -41,12 +42,20 @@ export default class Ripple extends Component {
                 onPress={onPress}
                 onLongPress={onLongPress}
             >
-                <View {...other}>
+                <View ref={this._setMainRef} {...other}>
                     {children}
                 </View>
             </TouchableNativeFeedback>
         );
     }
 
+    _setMainRef = (ref) => {
+        this.main = ref;
+    };
+
+    // Proxy the measurement methods from the main view
+    measure = (...args) => this.main.measure(...args);
+    measureInWindow = (...args) => this.main.measureInWindow(...args);
+    measureLayout = (...args) => this.main.measureLayout(...args);
 }
 

lib/polyfill/Ripple.js

@@ -71,6 +71,7 @@ export default class Ripple extends Component {
                 onPressOut={this._unHighlight}
             >
                 <View
+                    ref={this._setMainRef}
                     style={[elevationPolyfill(elevation ? elevation : 0), outerStyle]}
                 >
                     <View ref="container" style={[styles.container, innerStyle]}>
@@ -168,6 +169,14 @@ export default class Ripple extends Component {
         })
     };
 
+    _setMainRef = (ref) => {
+        this.main = ref;
+    };
+
+    // Proxy the measurement methods from the main view
+    measure = (...args) => this.main.measure(...args);
+    measureInWindow = (...args) => this.main.measureInWindow(...args);
+    measureLayout = (...args) => this.main.measureLayout(...args);
 }
 
 const styles = {