时间戳

首页 > 解决方案 > 在 react-native 中导入和渲染 md 文件

react-native - 在 react-native 中导入和渲染 md 文件

问题描述

我有一些md文件要在 react-native 应用程序中呈现。问题是，当我尝试导入它们（使用importor require）时，我总是收到此错误：

error: bundling failed: Error: Unable to resolve module

所以我看不到如何导入 md 文件以呈现它（可能使用诸如标记或react-markdown 之类的库。

标签： react-nativemarkdownreact-native-android

解决方案

如果您没有很多文件，最好的选择是将它们转换为模板文字和 .js 文件，如下所示：

初始：example.md

# markdown
something else

最终：example.js

const example = `# markdown
something else
`;
export default example;

然后，您将能够使用，例如，react-native-simple-markdown像这样渲染它：

<SimpleMarkdown>
    {example}
</SimpleMarkdown>

即使有很多文件，如果它们已经与应用程序捆绑在一起，您也可以设置一个脚本，或者可能是一个 gulp 任务，在构建应用程序之前转换它们。

但是，如果用户将上传这些文件，或者您不喜欢此解决方案，则可能有另一种方式，即访问文件系统或使用应用程序内的本地网站。

推荐阅读