/ Text

Parses text and wraps URLs transform the url to a beautiful link preview

Parses text and wraps URLs transform the url to a beautiful link preview

react-native-react-native-url-preview

react native text parser and link previewer npm package, it makes a preview from an url, grabbing all the information such as title, relevant texts and images.

Getting started ๐Ÿœ

$ npm install react-native-url-preview --save

Usage ๐Ÿœ

import RNUrlPreview from 'react-native-url-preview';

<RNUrlPreview text={"any text to be parsed , https://www.youtube.com/watch?v=Kmiw4FYTg2U"}/>

Examples๐Ÿœ

Please refer to the react-native-url-preview example provided to see how react-native-url-preview can be used .

Demo๐Ÿœ

rnUrlPreviewer

medium

Customization ๐Ÿœ

Parameter Required? Default Type Description
text YES Null string The text that is parsed and where the URL is retrieved
title NO True Boolean determine whether the URL title is displyed or not
titleStyle NO defaultStyle style self explanatory i believe
containerStyle NO defaultStyle style you can pass a custom container style
imageStyle NO defaultStyle style you can pass a custom image style
faviconStyle NO defaultStyle style you can pass a custom favicon style
textContainerStyle NO defaultStyle style you can pass a custom style for the text container
descriptionStyle NO defaultStyle style self explanatory i believe
titleNumberOfLines NO 2 number self explanatory i believe
descriptionNumberOfLines NO Ipad?4:3 number self explanatory i believe

GitHub