如何使用react-native开发一个模仿vpay的app

前段时间有一个客户心血来潮,找到我说要做一个跟VPAY一模一样的app,当时稍微了解一下,才发现,这么一个小小的app竟然资金规模已经达到上亿。难怪有那么多人想要模仿。

既然决定要做,那就开始动手。首先是app的问题,如果使用原生开发,那既要开发安卓,又要开发iOS,工作量实在太大。于是就选择了react-native来开发跨平台app。

1. 获取vpay的素材。如果做出来的app要跟vpay一模一样,那当然是直接使用vpay的icon素材比较直接,于是第一步是从vpay的安装包里面获取素材。

如何使用react-native开发一个模仿vpay的app_第1张图片

下载vpay的apk安装包,然后解压,在文件夹中搜索类型为图片的文件,即可看到所有的图片素材。

2. 搭建react-native开发环境,具体参照我的文章react native开发之webstorm搭建开发环境并创建运行项目

3. 开发服务端接口,这里我使用springboot结合mybatis开发restful接口

4. 使用react-native模仿vpay开发app。如下图所示:


如何使用react-native开发一个模仿vpay的app_第2张图片
如何使用react-native开发一个模仿vpay的app_第3张图片
如何使用react-native开发一个模仿vpay的app_第4张图片
如何使用react-native开发一个模仿vpay的app_第5张图片

你可能感兴趣的:(如何使用react-native开发一个模仿vpay的app)