签名 react-native-signature

来源：互联网发布：plc电路图绘制软件编辑：程序博客网时间：2024/05/21 09:41

react-native-signature 简单介绍

这是一个基于H5来编写的签名组件，同时支持iOS和Android，签名或者涂画完毕后，提供了保存和取消两个点击事件。

react-native-signature.gif

如何使用react-native-signature

1.安装react-native-signature

yarn add react-native-signature

react-native-signature 中加入了横屏组件react-native-orientation,在签名的过程中会自动横屏，签名完毕可以变成竖屏。

2.导入文件

import { StackNavigator, TabNavigator } from "react-navigation";import SignatureView from "react-native-signature";

3.使用代码,点击“开始签名按钮”使用"react-navigation"跳转页面。 callback回调保存的图片，然后显示在当前页面使用

nav.navigate("SignatureView", {      title: "签字",      callback: (data) => {        this.setState({          signature: data        });      }    });  }

如何运行demo

1.先下载demo https://github.com/CLuRoad/react-native-signature.git

2.npm install

3.react-native link react-native-orientation

有任何问题欢迎指正，觉得对自己有帮助可以给星支持

阅读全文

0 0

plc电路图绘制软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子上海整形美容杭州格莱美整形医院上海整形专家整形致死女护士丈夫妇科整形知沈阳都市南阳女子整形死因佛山整形医院整形美容排名整形失败赔偿整容美白整容韩国成都整容男性整容整容脸型整容脸长脸整容玻尿酸瑞蓝南昌整容医院眉纹皮肤整容整复外科多少钱隆鼻中国整容医院排名整容美容哪里好前后整容什么是整容除了整容整型美容医院女子整容整数正整数 0是整数吗 0是整数负整数 0是不是整数零是整数吗非负整数自然数整数整数是什么什么是整数正整数符号