"react-native": "0.81.4",
"react-native-render-html": "^6.3.4",
// Description Render Item
const descriptionMemoziedRenderItem = useMemo(
() =>
detail && (
<RenderHTML
baseStyle={{ marginTop: 5, flex: 1 }}
enableCSSInlineProcessing={false}
systemFonts={[FONTS.SEMIBOLD]}
tagsStyles={{
p: { margin: 0 },
ol: { margin: 0, padding: 'auto' },
b: { fontWeight: 'bold' },
i: { fontStyle: 'italic' },
em: { fontStyle: 'italic' },
li: { margin: 0, },
a: {
color: '#0000FF',
textDecorationLine: 'underline',
},
ul: { padding: 'auto', margin: 0 },
u: { textDecorationLine: 'underline' },
img: {
overflow: 'hidden', width: WINDOW.width
}
}}
domVisitors={{ onElement }}
contentWidth={WINDOW.width}
source={{
html: detail?.description
);
my html string is
New Undeline
NEW TESTT
- its one
- its two
- now is
underline
// Description Render Item
const descriptionMemoziedRenderItem = useMemo(
() =>
detail && (
<RenderHTML
baseStyle={{ marginTop: 5, flex: 1 }}
enableCSSInlineProcessing={false}
systemFonts={[FONTS.SEMIBOLD]}
tagsStyles={{
p: { margin: 0 },
ol: { margin: 0, padding: 'auto' },
b: { fontWeight: 'bold' },
i: { fontStyle: 'italic' },
em: { fontStyle: 'italic' },
li: { margin: 0, },
a: {
color: '#0000FF',
textDecorationLine: 'underline',
},
ul: { padding: 'auto', margin: 0 },
u: { textDecorationLine: 'underline' },
img: {
overflow: 'hidden', width: WINDOW.width
}
}}
domVisitors={{ onElement }}
contentWidth={WINDOW.width}
source={{
html: detail?.description
);
my html string is
NEW TESTT
underline