React-native-marked-non-list NPM

react-native-marked

Markdown renderer for React Native powered by marked.js with built-in theming support

Installation

yarn add react-native-marked

Usage

import * as React from 'react';
import Markdown from 'react-native-marked';

const ExampleComponent = () => {
  return (
    <Markdown
      value={`# Hello world`}
      flatListProps={{
        initialNumToRender: 8,
      }}
    />
  );
};

export default ExampleComponent;

Examples

Props

Prop	Description	Type	Optional?
value	Markdown value	string	false
flatListProps	Props for customizing the underlying FlatList used	`Omit<FlatListProps<ReactNode>, 'data' \\| 'renderItem' \\| 'horizontal'>`(`'data'`, `'renderItem'`, and `'horizontal'` props are omitted and cannot be overridden.)	true
styles	Styles for parsed components	MarkedStyles	true
theme	Props for customizing colors and spacing for all components,and it will get overridden with custom component style applied via 'styles' prop	UserTheme	true
baseUrl	A prefix url for any relative link	string	true