[add] forwardedRef prop to View and Text

Ref #1172

Author: necolas

packages/react-native-web/src/exports/Text/TextPropTypes.js

@@ -29,6 +29,7 @@ const TextPropTypes = {
   accessible: bool,
   accessibilityState: object,
   children: any,
+  forwardedRef: any,
   importantForAccessibility: oneOf(['auto', 'no', 'no-hide-descendants', 'yes']),
   maxFontSizeMultiplier: number,
   nativeID: string,

packages/react-native-web/src/exports/Text/index.js

@@ -26,6 +26,7 @@ class Text extends React.Component<*> {
   renderText(hasTextAncestor) {
     const {
       dir,
+      forwardedRef,
       numberOfLines,
       onPress,
       selectable,
@@ -67,6 +68,7 @@ class Text extends React.Component<*> {
     ];
     // allow browsers to automatically infer the language writing direction
     otherProps.dir = dir !== undefined ? dir : 'auto';
+    otherProps.ref = forwardedRef;
     otherProps.style = [
       style,
       numberOfLines > 1 && { WebkitLineClamp: numberOfLines },

packages/react-native-web/src/exports/View/ViewPropTypes.js

@@ -60,6 +60,7 @@ export type ViewProps = {
   accessible?: boolean,
   children?: any,
   className?: string,
+  forwardedRef?: any,
   hitSlop?: EdgeInsetsProp,
   importantForAccessibility?: 'auto' | 'yes' | 'no' | 'no-hide-descendants',
   nativeID?: string,
@@ -117,6 +118,7 @@ const ViewPropTypes = {
   accessibilityState: object,
   accessible: bool,
   children: any,
+  forwardedRef: any,
   hitSlop: EdgeInsetsPropType,
   importantForAccessibility: oneOf(['auto', 'no', 'no-hide-descendants', 'yes']),
   nativeID: string,

packages/react-native-web/src/exports/View/index.js

@@ -52,6 +52,7 @@ class View extends Component<ViewProps> {
     }
 
     supportedProps.classList = [this.props.className, classes.view];
+    supportedProps.ref = this.props.forwardedRef;
     supportedProps.style = StyleSheet.compose(
       hasTextAncestor && styles.inline,
       this.props.style