react-native-signature-capture 簽名板 使用中填的坑

1. 不支持Typescript,要自己在node_module目錄中添加index.d.ts聲明文件,先將所有屬性都默認any

declare module "react-native-signature-capture";

2. onSaveEvent的result中返回的pathName放在<Image />組件的source的uri中無法顯示圖片,要自己加上"file://"前綴

console log
onSaveEvent

3. Android要設置saveImageFileInExtStorage為true將圖片保存在外部存儲中,后期才能通過pathName預覽圖片

使用示例

4. Android保存圖片每次保存的文件名都一樣,所以文件夾下面只會有最新的一張圖,對于項目需求要保存多張圖在本地的話需要自己改node_module中的插件源碼,將寫死的文件名加上時間戳

import java.util.Date;

String fname = "signature_" + new Date().getTime() + ".png";

Android端保存圖片的代碼

? ? iOS保存圖片有同樣的問題,在issue中找到了修改方法

修改iOS保存圖片

5. Android上調用saveImage()和resetImage()時彈出warning,大概是說不再支持通過UIManager['RSSignatureView']直接從UIManager訪問視圖管理器配置。使用UIManager.getViewManagerConfig(“RSSignatureView”)替代,去node_module中修改如下

warning
SignatureCapture.js

iOS端還沒適配,填坑待續~

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容