@nstudio/nativescript-markdown-view
A NativeScript 视图,用于在屏幕上显示本地图形渲染的 Markdown。
npm i --save @nstudio/nativescript-markdown-view

@nstudio/nativescript-markdown-view

A NativeScript 视图,用于在屏幕上显示本地图形渲染的 Markdown。

在 Android 上使用 Markwon,在 iOS 上使用 TSMarkdownParser

npm install @nstudio/nativescript-markdown-view

如果使用 vanilla core

<!-- test-page.xml -->
<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded" xmlns:mv="@nstudio/nativescript-markdown-view">
<StackLayout class="p-20">
<mv:MarkdownView markdown="_This_ should be **bold**!" />
</StackLayout>
</Page>

当使用 flavor 时,您可以在您的标记中注册元素以供使用

import { MarkdownView } from '@nstudio/nativescript-markdown-view'

// Angular
import { registerElement } from '@nativescript/angular'
registerElement('MarkdownView', () => MarkdownView)

// Solid
import { registerElement } from 'dominative';
registerElement('markdownview', MarkdownView);

// Svelte
import { registerNativeViewElement } from 'svelte-native/dom'
registerNativeViewElement('markdownview', () => MarkdownView);

// React
import { registerElement } from 'react-nativescript';
registerElement('markdownview', () => MarkdownView);

// Vue
import Vue from 'nativescript-vue'
Vue.registerElement('MarkdownView', () => MarkdownView)

在任何地方使用 MarkdownView

<MarkdownView markdown="_This_ should be **bold**!" />

API

属性 默认值 描述
markdown "" 要渲染到屏幕上的 Markdown

致谢

许可

Apache 许可证版本 2.0