본문 바로가기

개발/Front-end

[React Native] 그림판(서명란)

https://www.npmjs.com/package/react-native-signature-capture 적용

 

결과

 

<View style={{flexDirection:'column', paddingTop: '5%'}}>
        <Text style={{fontSize:20, fontWeight:"bold", }}>서명란 </Text>
        <SignatureCapture
            style={{flex:3, width:300, height:700}}
            ref="sign"
            onSaveEvent={this._onSaveEvent}
            onDragEvent={this._onDragEvent}
            saveImageFileInExtStorage={false}
            showNativeButtons={false}
            showTitleLabel={true}
        />

            <TouchableHighlight style={{width: 300, height:70,  backgroundColor: "#eeeeee",
                margin: 10, justifyContent: "center", alignItems:"center"}} onPress={() => { this.resetSign() } } >
                <Text>다시입력</Text>
            </TouchableHighlight>
        </View>
</View>