# Rich Text library for react native

**URL:** <https://community.prismic.io/t/rich-text-library-for-react-native/340>\
**Category:** Developing with Prismic\
**Created:** [May 6, 2020, 7:44am UTC](https://community.prismic.io/t/rich-text-library-for-react-native/340 "2020-05-06T07:44:46Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![barbara.rekowska](https://avatars.discourse-cdn.com/v4/letter/b/e36b37/32.png) [@barbara.rekowska](https://community.prismic.io/u/barbara.rekowska)\
**Post date:** [May 6, 2020, 7:44am UTC](https://community.prismic.io/t/rich-text-library-for-react-native/340/1 "2020-05-06T07:44:46Z")

</div>

Prismic provides Rich Text component for React development ([https://www.npmjs.com/package/prismic-reactjs](https://www.npmjs.com/package/prismic-reactjs)). However, is it also available for React Native? I can’t find any relevant information about that. If not, is there anything I can use for rendering rich text with links, bold text, etc. within the app?

---

<div class="post-metadata">

**Author:** ![osama.aamer95](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/osama.aamer95/32/60_2.png) [@osama.aamer95](https://community.prismic.io/u/osama.aamer95)\
**Post date:** [May 6, 2020, 10:25am UTC](https://community.prismic.io/t/rich-text-library-for-react-native/340/2 "2020-05-06T10:25:01Z")

</div>

You could try passing the output to [https://github.com/archriss/react-native-render-html](https://github.com/archriss/react-native-render-html), after consolidating everything into a single html string.

---

<div class="post-metadata">

**Author:** ![Levi](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/levi/32/24_2.png) [@Levi](https://community.prismic.io/u/Levi)\
**Post date:** [May 7, 2020, 10:46am UTC](https://community.prismic.io/t/rich-text-library-for-react-native/340/3 "2020-05-07T10:46:24Z")

</div>

Hi @barbara.rekowska, unfortunately we don’t provide any kits or resources for React Native at the moment. Sorry for the inconvenience. I haven’t tried the library that @osama.aamer95 has linked to, but it seems promising. Let us know if you give it a try and if it worked for you. I would also love to hear if you have any tips or tricks for anyone in the future who wants to use React Native.

---

<div class="post-metadata">

**Author:** ![guillaume.piedigross](https://avatars.discourse-cdn.com/v4/letter/g/b3f665/32.png) [@guillaume.piedigross](https://community.prismic.io/u/guillaume.piedigross)\
**Post date:** [June 23, 2020, 8:14am UTC](https://community.prismic.io/t/rich-text-library-for-react-native/340/4 "2020-06-23T08:14:39Z")

</div>

Hi @Levi!  
I am looking for such a lib to parse Prismic RichText to React Native.  
I planned to develop it in the next days. Could it be interesintg for the Primic team to share my work with you? What do you prefer : a fork of prismic-reacjjs, or a new lib prismic-react-native ?

---

<div class="post-metadata">

**Author:** ![alws](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/alws/32/160_2.png) [@alws](https://community.prismic.io/u/alws)\
**Post date:** [June 23, 2020, 9:03am UTC](https://community.prismic.io/t/rich-text-library-for-react-native/340/5 "2020-06-23T09:03:33Z")

</div>

Hi @guillaume.piedigross,

For React native, I suggest you to create a new project that would look basically like `prismic-reactjs`.  
The React kit relies on `prismic-richtext` that you can find here: [https://github.com/prismicio/prismic-richtext](https://github.com/prismicio/prismic-richtext)  
This will basically parse any richtext field and convert it as generic tree that you can easily serialized, as React Native component for instance.  
For the query part, the kit `prismic-javascript` has been developed with React Native in mind so it should be totally compatible so you don’t have to care about that.  
Hope it gives you some answers, don’t hesitate to reach out to me if you need any help 😉

---

<div class="post-metadata">

**Author:** ![Fares](https://avatars.discourse-cdn.com/v4/letter/f/71e660/32.png) [@Fares](https://community.prismic.io/u/Fares)\
**Post date:** [September 21, 2020, 4:33pm UTC](https://community.prismic.io/t/rich-text-library-for-react-native/340/6 "2020-09-21T16:33:37Z")

</div>

This issue has been closed due to inactivity.

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/system/32/1746_2.png) [@system](https://community.prismic.io/u/system)\
**Post date:** [September 15, 2021, 10:33am UTC](https://community.prismic.io/t/rich-text-library-for-react-native/340/7 "2021-09-15T10:33:45Z")

</div>



---

<div class="post-metadata">

**Author:** ![guillaume.piedigross](https://avatars.discourse-cdn.com/v4/letter/g/b3f665/32.png) [@guillaume.piedigross](https://community.prismic.io/u/guillaume.piedigross)\
**Post date:** [September 15, 2021, 10:33am UTC](https://community.prismic.io/t/rich-text-library-for-react-native/340/8 "2021-09-15T10:33:44Z")

</div>

I would solve this issue with a new library I created : [react-native-prismic-richtext - npm](https://www.npmjs.com/package/react-native-prismic-richtext)

It could be useful for such a problem

---

<div class="post-metadata">

**Author:** ![Phil](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/phil/32/14_2.png) [@Phil](https://community.prismic.io/u/Phil)\
**Post date:** [September 15, 2021, 10:40am UTC](https://community.prismic.io/t/rich-text-library-for-react-native/340/9 "2021-09-15T10:40:54Z")

</div>

Thanks for sharing @guillaume.piedigross! This is great 🙂

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/system/32/1746_2.png) [@system](https://community.prismic.io/u/system)\
**Post date:** [September 16, 2021, 10:41am UTC](https://community.prismic.io/t/rich-text-library-for-react-native/340/11 "2021-09-16T10:41:54Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/system/32/1746_2.png) [@system](https://community.prismic.io/u/system)\
**Post date:** [December 9, 2021, 12:01pm UTC](https://community.prismic.io/t/rich-text-library-for-react-native/340/14 "2021-12-09T12:01:51Z")

</div>


