simple-customize-markdown-converter-native

A React Native renderer for simple-customize-markdown-converter. Render Markdown as native React components with full customization support.

Install

npm install simple-customize-markdown-converter simple-customize-markdown-converter-native

or just

npm install simple-customize-markdown-converter-native

Usage

import React from "react"
import { View } from "react-native"
import { convertMarkdownNative } from "simple-customize-markdown-converter-native"

const markdown = `
# Hello World
This is **bold** and *italic*
`

export default function App() {
  return (
    <View style={{ padding: 16 }}>
      {convertMarkdownNative(markdown)}
    </View>
  )
}

Customize Rendering

You can customize how Markdown elements is rendered:

import { Text, View } from "react-native"
import { convertMarkdownNative } from "simple-customize-markdown-converter-native"

const markdown = `
# Custom Style
This is **bold text**
`

const renderOptions = {
  elements: {
    Bold: (_node, children) => (
      <Text style={{ fontWeight: "bold", color: "tomato" }}>{children}</Text>
    )
  },
}

export default function App() {
  return <View>{convertMarkdownNative(markdown, renderOptions)}</View>
}

Features

• Supports all common Markdown syntaxes (headings, lists, tables, links, images, etc.)
• React Native compatible components
• Fully customizable element rendering

Base Library

This package extends the core features from simple-customize-markdown-converter

Check the base library for:

• Full list of supported Markdown syntaxes
• Advanced customization examples
• Architecture overview (Lexer → Parser → Renderer)