如何解决“未定义不是函数(评估'UIManagerConfig('RSSSignatureView')')”错误

时间:2019-09-05 20:19:40

标签: react-native

我正在尝试利用“ 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
    }
});```

0 个答案:

没有答案