如何將 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