如何在nativescript-vue中渲染编写复杂的数学方程式？

Question

有一个插件（https://github.com/zzish/react-latex#readme）在React中渲染LaTex。有没有办法在NativeScript-Vue中使用类似的插件？

Answer 1

首先，这是一个React组件，而不是ReactNative组件。该组件是Katex的包装，后者将LaTex呈现为HTML。

使用它的一种方法NativeScript-Vue是将LaTex渲染为以<WebView>的html形式渲染，如下所示：

<template>
  ...
  <WebView :src="exprHtml" height="100"/>
  ...
</template>

<script>
  ...
  mounted() {
    this.exprHtml = katex.renderToString("c = \\pm\\sqrt{a^2 + b^2}", {
      throwOnError: false
    });
  } 
</script>

您可以找到一个有效的游乐场示例here。

请注意，<WebView>组件就像是在您的应用程序内部添加的迷你浏览器。不要在单个屏幕中添加太多。