起因
このプロジェクトは、アプリケーションの手書きの署名が必要になりますので、一般的に以下のいくつかの要件が必要です
- 手書きの署名、ペンの色を設定するためのサポート、サイズに基づいて、
- 署名データをロードするためのサポート
- （署名は、上記最終的な要求ワード/ PDFに追加されるように）透明な背景をサポート
選択したライブラリ
一般的にライブラリの2種類を見つけ、たくさんのgithubのを検索（クロスアンドロイド必要/両方は、iOSを終了します）
ネイティブライブラリ
https://github.com/RepairShopr/react-native-signature-capture
ライブラリは、理論的には、元の包装に基づいて、最も安定したが、署名はデータのロードをサポートし、背景を透明に設定しないことが判明し、除外されます
WebViewのとに基づいてsignature_pad.js
プログラムは、ネイティブ関与しないので、それは簡単に、また、プログラムのいくつかのライブラリの基礎の見直しの後、最終的な選択プログラムのライブラリ、機能完璧に基づいて下に更新され、バック熱に簡単に統合することができます
https://github.com/kevinstumpf/react-native-signature-pad
問題
注、ライブラリーの便利なバージョンがペン幅の設定によってサポートされていない、あなたが手動で次を変更する必要がありますが、それは本当に深刻な問題の下のライン変動に関するものではありませんでしたが生じ、キビ、Huawei社のモデルも問題ありませんが、oppo、vivo机型出现无法签名状況特に＃16実際に問題を解決するために、まだ持っている、具体的な理由は不明では、描画ボードは大体問題の幅と高さであります
探していた後、
https://github.com/JamesMcIntosh/react-native-signature-pad
ライブラリがテストされている、2つのOPPO vivoおよび携帯電話の元の問題は、通常の署名が、深刻なパフォーマンスの問題になります
、ゆっくり空白書きされ、後に表示されるポイントを取得し、時間をスワイプまたは連続的には何の問題を書きません
調査
パフォーマンスの問題解決は確かに上記の問題についての憶測だけでなく、中のブラウザで実機試験による互換性の問題よりも優れているsignature_pad.js、我々は非常に滑らかで発見し、互換性の問題はありません、それは確かにまだ終わり包装の問題をRNれます
最後に各手書き署名データの端部は、これは非常にすべての後に、RN及びネイティブ転送効率が心配、画像のすべての通過するデータサイズはもちろんのこと、性能に影響を与えるBASE64に変換してJS端に渡される見出さ
解きます
問題は、行の最後に取得するには時間だけで、実際には、我々はリアルタイムの署名データを取得する必要はありません、解決することをお勧めし、発見されました
倉庫
https://github.com/yz1311/react-native-signature-pad
公式バージョンに比べライブラリ：
1.（少なくとも既存のモデルの手の中に）できない署名の問題を体内、OPPOを解決
2.サポート空の製図板
3.描画ボードは、ペン幅をサポートしています
$ yarn add @yz1311/react-native-signature-pad