didi / mand-mobile-rn

💰 Mand Mobile for React Native, designed for financial scenarios.
https://mand-mobile.github.io
Apache License 2.0
88 stars 33 forks source link
LOGO

mand-mobile-rn

面向金融场景的移动端UI组件库,基于React Native实现


链接

安装 & 使用

安装

在已有项目里手动安装 Mand Mobile RN 的包。

npm install mand-mobile-rn --save

重要

mand-mobile-rn 是基于最新的 React Native 0.59 版开发。

Link

使用 react-native link 将组件库添加到你的项目中:

react-native link mand-mobile-rn

手动集成

iOS 集成

Android 集成

使用

import { MDButton } from 'mand-mobile-rn'

开发

git clone git@github.com:didi/mand-mobile-rn.git
cd mand-mobile-rn
npm install
yarn link
npm run tsc

新开一个命令行窗口,运行 sample 的 RN Bundle 服务

cd mand-mobile-rn/sample
npm install
yarn link mand-mobile-rn
npm run start:ios

再新开一个命令行窗口,编译 Mand Mobile 示例 App

cd mand-mobile-rn/sample
npm run ios

在模拟器中打开组件库示例 App: Mand Mobile,详细内容请查看开发指南

自定义

Mand Mobile RN 组件库提供了一套简洁的自定义主题方案,参见文档自定义

贡献

如有任何的意见或建议,欢迎您通过创建 Issue 或 Pull Request 的方式告知我们,请先阅读贡献指南

证书

Mand Mobile RN 使用 Apache License 2.0,查看证书