@ozymandiasthegreat/react-native-markdown v0.1.2

@ozymandiasthegreat/react-native-markdown

Render markdown formatted strings to native components. Uses @expo/html-elements to render semantic elements on the web. Developed and tested with Expo Go

remark /unified is used for parsing. Includes remark-gfm plugin by default, but you can customize parser plugins.

Uses react-native-render-html to display inline HTML as native elements.

Uses react-native-syntax-highlighter to syntax-highlight code blocks.

Screenshots

API

Example

import { atomDark } from "react-syntax-highlighter/styles/prism";
import { Markdown } from "@ozymandiasthegreat/react-native-markdown";

export default function App() {
	return (
		<SafeAreaView style={{ flex: 1 }}>
			<ScrollView>
				<Markdown
					source={{ markdown: "# Heading" }}
					codeStyle={{ theme: atomDark }}
				/>
			</ScrollView>
		</SafeAreaView>
	);
}

Props

Note Style props DO NOT accept StyleSheet's