diff --git a/example/App.js b/example/App.js index 12b47cb..39d12b6 100644 --- a/example/App.js +++ b/example/App.js @@ -19,6 +19,15 @@ const html = `
h6 Pack my box with five dozen liquor jugs.
+
+

My awesome text in html
hi

+
+
+ br in div +
+
+ new line +

diff --git a/src/renderers/br-renderer.js b/src/renderers/br-renderer.js new file mode 100644 index 0000000..4a2949d --- /dev/null +++ b/src/renderers/br-renderer.js @@ -0,0 +1,7 @@ +/* @flow */ +import * as React from "react"; +import { Text } from "react-native"; + +const BrRenderer = () => {"\n"}; + +export default BrRenderer; diff --git a/src/utils/render-native.js b/src/utils/render-native.js index 706f8f8..084dd92 100644 --- a/src/utils/render-native.js +++ b/src/utils/render-native.js @@ -7,6 +7,7 @@ import TextRenderer from "../renderers/text-renderer"; import ImageRenderer from "../renderers/image-renderer"; import IframeRenderer from "../renderers/iframe-renderer"; import ListRenderer from "../renderers/list-renderer"; +import BrRenderer from "../renderers/br-renderer"; import { HTMLNode } from "./parse-html"; export type RendererProps = { @@ -110,7 +111,8 @@ export const mappings = { img: ImageRenderer, iframe: IframeRenderer, ul: ListRenderer, - ol: ListRenderer + ol: ListRenderer, + br: BrRenderer }; export default function renderNative(