<RichText
richText={prismicRichTextResponse}
// default style for texts
defaultStyle={{
color: '#000',
fontSize: 17,
}}
// specific style for each tag
styles={{
hyperlink: { textDecorationLine: 'underline' },
hyperlinkHover: {
textDecorationLine: undefined,
},
list: {
marginLeft: 8,
marginVertical: 8,
},
oList: {
marginLeft: 8,
marginVertical: 8,
},
strong: {
fontWeight: 'bold',
},
em: {
fontStyle: 'italic',
},
}}
// Optionally handle links within your app
onLinkPress={(data: LinkType | undefined) => {
if (data?.link_type === 'Web') {
// This is a bug in prismic, it currently does not allow other link types
const url = data.url.replace('https://makerist-ar://', 'makerist-ar://')
return Linking.openURL(url)
}
}
// Optionally overwrite rendering with custom component
serializers={{
embed: (_type, element, _text, _children, _key) => {
const embed = (element as any) as OembedType
return <Text key={key}>{embed.oembed.title}</Text>
},
}}
/>