Skip to content
master
Switch branches/tags
Code

Latest commit

* Revert "fix: Dev environment and rn-kitchen-sink(#1188)"

This reverts commit 69a17cf.

* fix: upload /res/drawable/ic_launcher_background.png
23572ec

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
Dec 3, 2018
Jun 8, 2021
Jun 16, 2021
Jun 16, 2021
Jun 6, 2018
Jun 4, 2018
Jun 8, 2021
Jun 16, 2021

English | 简体中文

Ant Design Mobile RN

Codecov npm package NPM downloads Dependency Status Percentage of issues still open Join the chat at https://gitter.im/ant-design/ant-design

A configurable Mobile UI specification and React-based implementation.

Features

  • Follow Ant Design Mobile UI specification.
  • Configurable UI style for different products.
  • Support web and native usages based on React Native.
  • Develop in TypeScript.

Demo

# clone
git clone git@github.com:ant-design/ant-design-mobile-rn.git

# go to ant rn folder
cd ant-design-mobile-rn

# install dependencies
yarn

# start ios simulator or android
# cd rn-kitchen-sink/ios && pod install
yarn ios # or yarn android

Install & Usage

$ npm install @ant-design/react-native --save

or

yarn add @ant-design/react-native

Installing peer dependencies

npm install @react-native-community/cameraroll @react-native-picker/picker @react-native-community/segmented-control @react-native-community/slider react-native-pager-view

or

yarn add @react-native-community/cameraroll @react-native-picker/picker @react-native-community/segmented-control @react-native-community/slider react-native-pager-view 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

npx react-native link

introduce

Links

Contributing

We welcome all contributions, please read our CONTRIBUTING.md first. You can submit any ideas as pull requests or as a GitHub issue. If you'd like to improve code, check out the Development Instruction and have a good time! :)