如何在 nativescript-vue 中渲染编写复杂的数学方程？ [关闭]答案

【问题标题】：How to render write complex mathematics equations in nativescript-vue? [closed]如何在 nativescript-vue 中渲染编写复杂的数学方程？ [关闭]
【发布时间】：2019-09-20 20:41:20
【问题描述】：

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

【问题讨论】：

标签： latex nativescript nativescript-vue

【解决方案1】：

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

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

<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> 组件就像添加到您的应用程序中的迷你浏览器。不要在一个屏幕中添加太多。

【讨论】：

我想在一个页面中显示可能的方程。我可以通过其他任何解决方案来实现这一点吗？
我不明白你的问题。您可以在单个页面中使用此解决方案...