diff --git a/packages/react-native-web/src/exports/Text/TextPropTypes.js b/packages/react-native-web/src/exports/Text/TextPropTypes.js index 6359f302..0dc77867 100644 --- a/packages/react-native-web/src/exports/Text/TextPropTypes.js +++ b/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, diff --git a/packages/react-native-web/src/exports/Text/index.js b/packages/react-native-web/src/exports/Text/index.js index 5fec0ab0..c537eed8 100644 --- a/packages/react-native-web/src/exports/Text/index.js +++ b/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 }, diff --git a/packages/react-native-web/src/exports/View/ViewPropTypes.js b/packages/react-native-web/src/exports/View/ViewPropTypes.js index 0ca3046e..b6494b92 100644 --- a/packages/react-native-web/src/exports/View/ViewPropTypes.js +++ b/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, diff --git a/packages/react-native-web/src/exports/View/index.js b/packages/react-native-web/src/exports/View/index.js index 16fc937d..c4d3cc34 100644 --- a/packages/react-native-web/src/exports/View/index.js +++ b/packages/react-native-web/src/exports/View/index.js @@ -52,6 +52,7 @@ class View extends Component { } supportedProps.classList = [this.props.className, classes.view]; + supportedProps.ref = this.props.forwardedRef; supportedProps.style = StyleSheet.compose( hasTextAncestor && styles.inline, this.props.style