react-native-styled-markup v0.9.2

react-native-styled-markup

Markup text with formatting capability for react native.

Usage

Check it out on expo.io

import MarkupText from 'react-native-styled-markup';

<MarkupText
  linkEvents={[
    () => alert('The first link is pressed!'),
    () => alert('The second link is pressed!'),
  ]}
  linkTextStyle={{
    textDecorationLine: 'underline',
    color: 'darkblue',
    fontWeight: 'bold',
  }}
  imageSources={[require('./150.png')]}>
  [b]Lorem ipsum dolor[/b] sit amet, consectetur
  [color=#FA5544]adipiscing elit, sed do eiusmod[/color] tempor
  incididunt ut [u]labore et dolore magna[/u] aliqua. Ut enim ad
  [s]minim veniam, quis[/s] nostrud exercitation
  [image=https://via.placeholder.com/150 width=50 height=20
  resizeMode=contain/] ullamco laboris nisi ut [linkedImage width=50
  height=20 resizeMode=contain/] aliquip ex ea commodo consequat. And
  here is a [link]link[/link]! And another [link]link[/link]!
  sit[br]amet,[br]consectetur
</MarkupText>

Properties