Comments (3)
You can set a prop called key to the SignatureScreen component and update the key every time the dataURL is updated to trigger the re-rendering of the component.
from react-native-signature-canvas.
@YanYuanFE I'm facing this only on android after updating some of the libraries including Webview and react-native.
Changing component props for re-rendering did not work for me. The way i solved it is that I assumed 2 modes for it.
- editing mode
- history mode
the usage is like below:
{(editable || signatureHistory) && (
<Signature
ref={this.sigPadRef}
onOK={this.onSignatureOk}
webStyle={sigPadStyle}
imageType="image/svg+xml"
dataURL={signatureHistory}
/>
)}
The point is that if the dataURL
is present in the first render its all fine but, if its ""
or undefined
and then it gets changed into base64
, it might not render.
from react-native-signature-canvas.
@someAndroidDeveloper Hi, This may be the same problem, you can try to solve it by setting key={your dataURL} in the Signature component
from react-native-signature-canvas.
Related Issues (20)
- how can i change the color of the whole signature and not each stroke via penColor HOT 1
- dataURL background image disappears when keyboard opens
- react-native-webview dependency issue HOT 1
- When i erase the drawn text dataURL also clearing. HOT 11
- Error: Unable to resolve module react-native-signature-canvas HOT 1
- How to use Text as a Overlay HOT 1
- Not able to make vertical lines or full signature but horizontal lines are working fine HOT 2
- getting white screen when taking screenshot HOT 4
- Update Peer Dependency with Webview HOT 2
- I cannot see what i'm drawing on android HOT 4
- [Feature] Forward onLoadEnd property up HOT 5
- Only Dots were shown in when drawing signature on Android HOT 1
- Enable support for data (that can be passed on to fromData) on top of dataURL support
- React native web view issue
- blocking issue on last 0.72.6 React Native CLI HOT 4
- Full screen support HOT 4
- [Android] [Bug]: Leaving a dot breaks behavior when the keyboard is open HOT 2
- Could not save again when clear the previous data that already saved in database HOT 1
- DataUrl not working for older versions of ipads
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-signature-canvas.