Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

portabletext/react-native-portabletext

Repository files navigation

@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

About

Render Portable Text with React Native

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Packages

Contributors

AltStyle によって変換されたページ (->オリジナル) /