-
Notifications
You must be signed in to change notification settings - Fork 611
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
罗坤
committed
Jul 10, 2022
1 parent
6602269
commit 25fd42b
Showing
1 changed file
with
8 additions
and
76 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,31 +1,14 @@ | ||
English | [简体中文](./README.zh-CN.md) | ||
|
||
|
||
<p align="center"> | ||
<a href="http://rn.mobile.ant.design"> | ||
<img width="320" src="https://zos.alipayobjects.com/rmsportal/wIjMDnsrDoPPcIV.png"> | ||
</a> | ||
</p> | ||
|
||
# Ant Design Mobile RN | ||
|
||
[![](https://img.shields.io/travis/ant-design/ant-design-mobile-rn.svg?style=flat-square)](https://travis-ci.org/ant-design/ant-design-mobile-rn) | ||
[![Codecov](https://img.shields.io/codecov/c/github/ant-design/ant-design-mobile-rn.svg?style=flat-square)](https://codecov.io/gh/ant-design/ant-design-mobile-rn) | ||
[![npm package](https://img.shields.io/npm/v/@ant-design/react-native.svg?style=flat-square)](https://www.npmjs.org/package/@ant-design/react-native) | ||
[![NPM downloads](http://img.shields.io/npm/dm/@ant-design/react-native.svg?style=flat-square)](https://npmjs.org/package/@ant-design/react-native) | ||
[![Dependency Status](https://david-dm.org/ant-design/ant-design-mobile-rn.svg?style=flat-square)](https://david-dm.org/ant-design/ant-design-mobile-rn) | ||
[![Percentage of issues still open](http://isitmaintained.com/badge/open/ant-design/ant-design-mobile-rn.svg)](http://isitmaintained.com/project/ant-design/ant-design-mobile-rn 'Percentage of issues still open') | ||
[![Join the chat at https://gitter.im/ant-design/ant-design](https://img.shields.io/gitter/room/ant-design/ant-design.svg?style=flat-square)](https://gitter.im/ant-design/ant-design?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) | ||
|
||
A configurable Mobile UI specification and React-based implementation. | ||
|
||
> If you only care about the style you may give [[Tanjun]](https://github.com/bang88/Tanjun) a try. | ||
## Features | ||
# Ant Design Mobile RN Example | ||
|
||
- Follow Ant Design Mobile UI specification. | ||
- Configurable UI style for different products. | ||
- Support web and native usages based on React Native. | ||
- Develop in TypeScript. | ||
<iframe src="https://1uokun.github.io/ant-design-mobile-rn/index.html" width="375" height="667"></iframe> | ||
|
||
## Demo | ||
|
||
|
@@ -36,67 +19,16 @@ A configurable Mobile UI specification and React-based implementation. | |
need install expo app: https://expo.io/tools | ||
|
||
```bash | ||
# clone | ||
git clone [email protected]:ant-design/ant-design-mobile-rn.git | ||
|
||
# go to ant rn folder | ||
cd ant-design-mobile-rn | ||
# go to example folder | ||
cd example | ||
|
||
# install dependencies | ||
yarn | ||
|
||
# start ios | ||
cd rn-kitchen-sink/ios && pod install | ||
yarn ios | ||
|
||
# start android | ||
yarn android | ||
|
||
# start expo | ||
yarn expo | ||
``` | ||
|
||
## Install & Usage | ||
|
||
```bash | ||
$ npm install @ant-design/react-native --save | ||
``` | ||
|
||
or | ||
|
||
```bash | ||
yarn add @ant-design/react-native | ||
# › Press a │ open Android | ||
# › Press i │ open iOS simulator | ||
# › Press w │ open web | ||
``` | ||
|
||
### Installing peer dependencies | ||
|
||
```bash | ||
npm install @react-native-community/cameraroll @react-native-picker/picker @react-native-community/segmented-control @react-native-community/slider react-native-gesture-handler | ||
``` | ||
|
||
or | ||
|
||
```bash | ||
yarn add @react-native-community/cameraroll @react-native-picker/picker @react-native-community/segmented-control @react-native-community/slider react-native-gesture-handler | ||
``` | ||
|
||
> You need go to ios folder and run `pod install` (auto linking),Android will handle it by itself. | ||
### Link icon fonts | ||
|
||
```bash | ||
npx react-native link | ||
``` | ||
|
||
[introduce](docs/react/introduce.en-US.md#安装) | ||
|
||
## Links | ||
|
||
- [Home Page](http://rn.mobile.ant.design) | ||
- [Developer Instruction](development.en-US.md) | ||
- [React components](http://github.com/react-component/) | ||
- [Demos](https://github.com/ant-design/antd-mobile-samples) | ||
|
||
## Contributing | ||
|
||
We welcome all contributions, please read our [CONTRIBUTING.md](https://github.com/ant-design/ant-design-mobile-rn/blob/master/.github/CONTRIBUTING.md) first. You can submit any ideas as [pull requests](https://github.com/ant-design/ant-design-mobile-rn/pulls) or as a [GitHub issue](https://github.com/ant-design/ant-design-mobile-rn/issues). If you'd like to improve code, check out the [Development Instruction](https://github.com/ant-design/ant-design-mobile-rn/blob/master/development.en-US.md) and have a good time! :) |