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端還沒適配,填坑待續~