react-native-signature-canvas icon indicating copy to clipboard operation
react-native-signature-canvas copied to clipboard

custom button

Open Armane-Pro opened this issue 4 years ago • 2 comments

can i use it without footer part , and add my custom ok/clear buttons

Armane-Pro avatar Mar 03 '21 19:03 Armane-Pro

Yes, you can use webStyle prop via display: none to hidden button element, and add React Native Button Component to control read signature or clear signature.https://github.com/YanYuanFE/react-native-signature-canvas#methods https://github.com/YanYuanFE/react-native-signature-canvas#basic-parameters;

const webStyle = `.m-signature-pad--footer
    .save {
        display: none;
    }
    .clear {
        display: none;
    }
`;
...
  <Signature
    webStyle={webStyle}
    onOK={handleOK}
    onEmpty={handleEmpty}
    onEnd={handleEnd}
  />

YanYuanFE avatar Mar 05 '21 05:03 YanYuanFE

https://github.com/YanYuanFE/react-native-signature-canvas#custom-button-for-confirm-and-clear

YanYuanFE avatar Mar 05 '21 14:03 YanYuanFE