signature loss about react-native-signature-canvas

[YanYuanFE]

Currently does not support landscape screen, will be considered compatible in the future

[Aishwaryashetty]

I can sign in landscape n portrait, but when I change from landscape to portrait or visa versa, due to dimension change the signature is cleared.

[YanYuanFE]

Can you provide a working code example？

[zengqinghua1]

I also encountered a similar problem. When the keyboard of the page popped up, the content of the signed version was cleared. How can this be solved?

[YanYuanFE]

expo version?react-native-signature-canvas version? code example?

[zengqinghua1]

I did not use Expo to create a project, I used a project created by yarn
"react-native-signature-canvas": "^1.9.0"
<Signature
onOK={this.handleSignature}
onEmpty={this.handleEmpty}
descriptionText=""
clearText="Clear"
confirmText="Save"
webStyle={style}
style={{ marginTop: 10 }}
/>

[YanYuanFE]

I did not use Expo to create a project, I used a project created by yarn
"react-native-signature-canvas": "^1.9.0"
<Signature
onOK={this.handleSignature}
onEmpty={this.handleEmpty}
descriptionText=""
clearText="Clear"
confirmText="Save"
webStyle={style}
style={{ marginTop: 10 }}
/>

Are you use react-native-cli init project?

[zengqinghua1]

Yes, how to solve this problem

[YanYuanFE]

How to reproduce this problem？sign page has not keyboard. you sign page has Input?

[zengqinghua1]

<TextInput
ref={(view)=>this.inputText = view}
editable={this.state.isEdit}
style={styles.inupt}
onChangeText={(inputData) => {
// this.setState({ signName: inputData })
this.inputText.setNativeProps({
signName: inputData
});
}} >{this.state.signName}
<Signature
onOK={this.handleSignature}
onEmpty={this.handleEmpty}
descriptionText=""
clearText="Clear"
confirmText="Save"
webStyle={style}
style={{ marginTop: 10 }}
/>

I added an input box component above the signed component

[YanYuanFE]

"react-native-signature-canvas": "^2.2.0" has fixed this problem.

[zengqinghua1]

Thank you very much for your modification.
But there is still a small problem, why does the signature board tremble when the keyboard pops up or retracts?

[YanYuanFE]

Signature is a Canvas of webview, when the keyboard pops up, window has been resize, canvas size has been change.

[oohajadya]

I can sign in landscape n portrait, but when I change from landscape to portrait or visa versa, due to dimension change the signature is cleared.

[viswaKyro]

The signature disappears on the change of orientation.

Able to fix this issue? I am using react-native-signature-canvas: 4.5.0.