https://github.com/superraytin/react-native-alipay
基于 React Native 实现的支付宝钱包 UI 界面
https://github.com/superraytin/react-native-alipay
Last synced: about 2 months ago
JSON representation
基于 React Native 实现的支付宝钱包 UI 界面
- Host: GitHub
- URL: https://github.com/superraytin/react-native-alipay
- Owner: superRaytin
- License: mit
- Created: 2016-01-31T16:31:59.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2016-12-22T18:14:19.000Z (over 8 years ago)
- Last Synced: 2025-03-24T01:12:08.988Z (2 months ago)
- Language: JavaScript
- Size: 336 KB
- Stars: 164
- Watchers: 14
- Forks: 40
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-native-alipay
> 基于 [React Native](https://github.com/facebook/react-native) 实现的支付宝钱包 UI 界面。
> 支付宝钱包版本号：v9.5.1
# 截图
# 安装
### 第一步：下载项目
```sh
$ git clone https://github.com/superRaytin/alipay-app-ui.git
$ cd alipay-app-ui
$ npm install
```
### 第二步：安装图标字体
#### IOS
- 打开 Xcode，在项目上右键并选择 **Add files to "AlipayAppUI"**，选择 `node_modules/react-native-vector-icons` 下的 `Fonts` 文件夹，勾选文件对话框下的 **Add to targets** 和 **Create groups**
- 编辑 `Info.plist` 添加一行，命名为 **Fonts provided by application**，将上一步选择的字体文件依次添加进来，像下面这样：
- 在 **Libraries** 目录右键并选择 **Add files to "AlipayAppUI"**，选择 `node_modules/react-native-vector-icons/RNVectorIcons.xcodeproj`
- 选中项目根文件夹，将 `libRNVectorIcons.a` 添加进 **Build Phases** 选项卡下的 **Link Binary With Libraries**
或者参考 [react-native-vector-icons#ios](https://github.com/oblador/react-native-vector-icons#ios) 安装
# 运行
#### IOS
- `$ open ios/AlipayAppUI.xcodeproj/`
- 在打开的 Xcode 左上角有一个 `build and run` 按钮，点击之后创建一个 IOS 模拟器
- 启动成功
# 贡献
欢迎任何形式的贡献，包括但不限于新功能，Bug 修复，文档等。
[贡献者](https://github.com/superRaytin/alipay-app-ui/graphs/contributors)
---
部分图标来自 [iconfont](http://www.iconfont.cn/)，相关版权归支付宝公司所有。
# License
本项目基于 MIT 协议发布
MIT: [http://rem.mit-license.org](http://rem.mit-license.org/), 详见 [LICENSE](/LICENSE) 文件