我正在尝试利用“ react-native-signature-capture”。每当我使用resetSign()
函数时,都会出现此错误“未定义不是函数(正在评估'UIManagerConfig('RSSSignatureView')')”)。
我已经同时运行npm install react-native-signature-capture
和&react-native react-native-signature-capture
。我本质上是使用github示例。我只是试图出于演示目的运行它,但我一直遇到该错误。
import {StyleSheet, View, Text, TouchableHighlight} from 'react-native';
import SignatureCapture from 'react-native-signature-capture';
export default class Signature extends Component {
saveSign() {
this.refs.sign.saveImage();
}
resetSign() {
this.refs.sign.resetImage();
}
_onSaveEvent(result) {
//result.encoded - for the base64 encoded png
//result.pathName - for the file path name
console.log(result);
}
_onDragEvent() {
// This callback will be called when the user enters signature
console.log("dragged");
}
render() {
return (
<View style={{ flex: 1, flexDirection: "column" }}>
<Text style={{alignItems:"center",justifyContent:"center"}}>Signature Capture Extended </Text>
<SignatureCapture
style={[{flex:2},styles.signature]}
ref="sign"
onSaveEvent={this._onSaveEvent}
onDragEvent={this._onDragEvent}
saveImageFileInExtStorage={false}
showNativeButtons={false}
showTitleLabel={true}
viewMode={"landscape"}/>
<View style={{ flex: 1, flexDirection: "row" }}>
<TouchableHighlight style={styles.buttonStyle}
onPress={() => { this.saveSign() } } >
<Text>Save</Text>
</TouchableHighlight>
<TouchableHighlight style={styles.buttonStyle}
onPress={() => { this.resetSign() } } >
<Text>Reset</Text>
</TouchableHighlight>
</View>
</View>
);
}
}
const styles = StyleSheet.create({
signature: {
flex: 2,
borderColor: '#000033',
borderWidth: 1,
},
buttonStyle: {
flex: 1, justifyContent: "center", alignItems: "center", height: 50,
backgroundColor: "#eeeeee",
margin: 10
}
});```