如何将 javascript 库导入 React Native 项目？

Question

我正在尝试在我使用 React Native 创建的移动应用程序中实现 JavaScript 库。 这个应用程序应该有带有汉字和笔顺的抽认卡，但我不知道如何将这个库添加到反应中，也不知道之后如何使用它。

图书馆： https : //github.com/chanind/hanzi-writer

我已经在浏览器中尝试过，一切都按照文档中的描述工作，但是我找不到在我的移动应用程序中实现它的方法。

在 html 中，我可以做这样的事情来拥有一个带有一个字符的抽认卡

<html>
    <head>
        <title></title>
        <script src="https://cdn.jsdelivr.net/npm/hanzi-writer@2.0.2/dist/hanzi-writer.min.js"> </script>
    </head>
    <body>
        <div id="character-target-div"></div>
        <script type="application/javascript">
                var writer = HanziWriter.create('character-target-div', '我', {
                        width: 100,
                        height: 100,
                        padding: 5
                });
                writer.quiz();
        </script>
    </body>
</html>

Answer 1

在根文件夹中运行 npm install 'hanging-writer' 后，在模块顶部添加： import {HanziWriter} from 'hanzi-writer'

Answer 2

首先你必须运行 npm install hanzi-writer-data 然后运行这个 npm install hanzi-writer 它对我来说很好用

如何将 javascript 库导入 React Native 项目？

问题描述

2 个解决方案

解决方案1
1 2019-08-18 14:23:08

解决方案2
1 2020-05-15 02:53:55

如何将 javascript 库导入 React Native 项目？

问题描述

2 个解决方案

解决方案1 1 2019-08-18 14:23:08

解决方案2 1 2020-05-15 02:53:55

解决方案1
1 2019-08-18 14:23:08

解决方案2
1 2020-05-15 02:53:55