@itartist/react-native-opengraph-parser
TypeScript icon, indicating that this package has built-in type declarations

0.0.1 • Public • Published

React Native OpenGraph Parser

Getting Started

yarn add @itartist/react-native-opengraph-parser

Usage

import { LinkPreview } from '@itartist/react-native-opengraph-parser'
// ...
return (
  <LinkPreview text='This link https://github.com/itartist can be extracted from the text' />
)

Props

Required

Name Type Description
text string Text to extract the link from

Optional

Name Type Description
containerStyle ViewStyle Top level container style
enableAnimation boolean Enables LayoutAnimation
header string Text above the link
metadataContainerStyle ViewStyle Title, description and minimized image container style
metadataTextContainerStyle ViewStyle Title and description container style
onPreviewDataFetched (PreviewData) => void Callback to get the fetched preview data
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
renderImage (PreviewDataImage) => ReactNode Custom image render prop
renderLinkPreview ({ aspectRatio?: number, containerWidth: number, previewData?: PreviewData }) => ReactNode Custom render prop
renderMinimizedImage (PreviewDataImage) => ReactNode Custom minimised image render prop
renderText (string) => ReactNode Custom provided text render prop
renderTitle (string) => ReactNode Custom title render prop
textContainerStyle ViewStyle Text, title, description and minimized image container style
touchableWithoutFeedbackProps TouchableWithoutFeedbackProps Top level touchable props

License

MIT

Package Sidebar

Install

npm i @itartist/react-native-opengraph-parser

Weekly Downloads

0

Version

0.0.1

License

MIT

Unpacked Size

37 kB

Total Files

18

Last publish

Collaborators

  • itartist