feat: add onPress handler props

flyerhq · Jul 4, 2022 · 3279a8c · 3279a8c
1 parent afe2dab
commit 3279a8c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -44,6 +44,7 @@ return (
 | metadataContainerStyle        | [ViewStyle](https://reactnative.dev/docs/view-style-props)                                 | Title, description and minimized image container style       |
 | metadataTextContainerStyle    | [ViewStyle](https://reactnative.dev/docs/view-style-props)                                 | Title and description container style                        |
 | onPreviewDataFetched          | (PreviewData) => void                                                                      | Callback to get the fetched preview data                     |
+| onPress                       | (string) => void                                                                           | Custom handler when click LinkPreview                    |
 | previewData                   | PreviewData                                                                                | Data to render instead of parsing the provided text          |
 | renderDescription             | (string) => ReactNode                                                                      | Custom description render prop                               |
 | renderHeader                  | (string) => ReactNode                                                                      | Custom header render prop                                    |

diff --git a/src/LinkPreview.tsx b/src/LinkPreview.tsx
@@ -39,6 +39,7 @@ export interface LinkPreviewProps {
   text: string
   textContainerStyle?: StyleProp<ViewStyle>
   touchableWithoutFeedbackProps?: TouchableWithoutFeedbackProps
+  onPress?: (link?: string) => void
 }
 
 export const LinkPreview = React.memo(
@@ -61,6 +62,7 @@ export const LinkPreview = React.memo(
     text,
     textContainerStyle,
     touchableWithoutFeedbackProps,
+    onPress,
   }: LinkPreviewProps) => {
     const [containerWidth, setContainerWidth] = React.useState(0)
     const [data, setData] = React.useState(previewData)
@@ -110,7 +112,13 @@ export const LinkPreview = React.memo(
       []
     )
 
-    const handlePress = () => data?.link && Linking.openURL(data.link)
+    const handlePress = () => {
+      if (typeof onPress === 'function') {
+        onPress(data?.link)
+      } else {
+        data?.link && Linking.openURL(data.link)
+      }
+    }
 
     const renderDescriptionNode = (description: string) => {
       return oneOf(