English | 简体中文
Ant Design Mobile RN

A configurable Mobile UI specification and React-based implementation.
If you only care about the style you may give [Tanjun] a try.
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.
Expo
SDK 49+ iOS | SDK 49+ Android |
---|
 |  |
Expo SDK history version
Expo SDK 44 | SDK 47 iOS | SDK 47 Android |
---|
 |  |  |
Open the camera app on your device and scan the code above,
need install expo app: https://expo.io/tools
Development
git clone git@github.com:ant-design/ant-design-mobile-rn.git
cd ant-design-mobile-rn
yarn
cd rn-kitchen-sink/ios && pod install
yarn ios
yarn android
cd example
yarn
yarn expo
Install & Usage
$ npm install @ant-design/react-native --save
or
yarn add @ant-design/react-native
Installing peer dependencies
npm install @react-native-community/segmented-control @react-native-community/slider
or
yarn add @react-native-community/segmented-control @react-native-community/slider
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! :)