React Native Markdown Display
react-native-markdown-display
Markdown renderer for react-native, with CommonMark spec support + adds syntax extensions & sugar (URL autolinking, typographer), originally created by Mient-jan Stelling as react-native-markdown-renderer
React Native Libraries
react
react-native
native
markdown
commonmark
markdown-it
react-native-markdown-display
React Native Libraries
javascript
npm
Stars
791
Weekly
939k
Open issues
1
Bundle
~25 kB
Installation
npm install react-native-markdown-displayCode example
import { View, Text, StyleSheet } from "react-native";
import { MarkdownDisplay } from "react-native-markdown-display";
export function Example() {
return (
<View style={styles.box}>
<Text style={styles.title}>MarkdownDisplay</Text>
<MarkdownDisplay />
</View>
);
}
const styles = StyleSheet.create({
box: { flex: 1, alignItems: "center", justifyContent: "center", gap: 12 },
title: { fontSize: 18, fontWeight: "600" },
});Pros & cons
Pros
- Actively maintained by Mient-jan Stelling and Tom Pickard + others from the community
- 939k weekly downloads. Battle tested
- First-class TypeScript definitions
- MIT licensed
Considerations
- Adds roughly ~25 kB to your bundle
- Needs client-only rendering in SSR frameworks
- 1 open issues on GitHub