Joint session with Vercel: How to build intelligent storefronts (May 15th)

Portable Text to React Native

Serializes block content from the Portable Text standard to React PDF components with support for component customization and overrides.

By Cody Olsen & Espen Hovlandsdal

Install command

npm i @portabletext/react-native

@portabletext/react-native

Note: Experimental! Please report issues and feedback.

Render Portable Text with React Native.

Utilizes @portabletext/react under the hood, and thus has the exact same API, but will render React Native views instead of HTML.

Installation

npm install --save @portabletext/react-native

Basic usage

import {PortableText} from '@portabletext/react-native'

<PortableText
  value={[/* array of portable text blocks */]}
  components={/* optional object of custom components to use */}
/>

Styling the output

The rendered views has very little or no styling applied, so you will quite often want to pass custom components to override the built-in ones.

Customizing components

Customizing components are done in the same way as in @portabletext/react - see the README for more details.

License

MIT © Sanity.io

Related contributions