English | 简体中文

Ant Design Mobile RN

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

```bash

clone

git clone [email protected]: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

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

or

bash
yarn add @ant-design/react-native

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-pager-view

or

bash
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

bash
npx react-native link

introduce

Links

• Home Page


• Developer Instruction


• React components


• Demos

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! :)