react-native-md-webview

A simple webview wrapper that renders markdown using showdown.

Usage

The markdown you want to render should be passed directly as a child. eg: <MDWebView>{'# Hello!'}</MDWebView>

This package accepts the same props as WebView with the exception of url, html, and source, as these are used internally when rendering Markdown.

The following props can be passed in to customize the markdown:

• css: CSS to render directly in the markdown HTML.
• showdownOptions: Options to pass to showdown.Converter.

Example

import MDWebView from 'react-native-md-webview';
 
export default React.createClass({
  render() {
    return (
      <MDWebView css={css} style={{ flex: 1 }}>
        {this.props.markdown}
      </MDWebView>
    );
  },
});
 
const css = `
  img {
    width: 100%,
  }
`;

About thoughtbot

react-native-md-webview is maintained and funded by thoughtbot. The names and logos for thoughtbot are trademarks of thoughtbot, inc.

We love open source software! See our other projects or hire us to design, develop, and grow your product.