\n\n# Ant Design Mobile RN\n\n[](https://travis-ci.org/ant-design/ant-design-mobile-rn)\n[](https://codecov.io/gh/ant-design/ant-design-mobile-rn)\n[](https://www.npmjs.org/package/@ant-design/react-native)\n[](https://npmjs.org/package/@ant-design/react-native)\n[](https://david-dm.org/ant-design/ant-design-mobile-rn)\n[](http://isitmaintained.com/project/ant-design/ant-design-mobile-rn 'Percentage of issues still open')\n[](https://gitter.im/ant-design/ant-design?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)\n\nA configurable Mobile UI specification and React-based implementation.\n\n> If you only care about the style you may give [[Tanjun]](https://github.com/bang88/Tanjun) a try. \n\n## Features\n\n- Follow Ant Design Mobile UI specification.\n- Configurable UI style for different products.\n- Support web and native usages based on React Native.\n- Develop in TypeScript.\n\n## Expo\n\n> HTML5 Preview: [ant-design-mobile-rn/index.html](https://1uokun.github.io/ant-design-mobile-rn/index.html)\n\n\n|SDK 52(react-native@0.76.1)|\n|--|\n| [](https://expo.dev/preview/update?message=5.3.0(sdk%3A52)&updateRuntimeVersion=5.3.0&createdAt=2024-11-14T08%3A25%3A05.823Z&slug=exp&projectId=7729a68b-f881-4294-89f5-5ae751bfb2b2&group=1a1dbedd-d817-4dee-a5d9-1e7cc1ebe4a0) |\n\nOpen the camera app on your device and scan the code above, \nneed install expo app: https://expo.io/tools\n\nExpo SDK(47, 49, 50, 51) history version\n\n|SDK 47 iOS|SDK 47 Android|SDK 49,50|SDK 51|\n|--|--|--|--|\n| [](https://expo.dev/@1uokun/ant-design-mobile-rn) | [](https://expo.dev/@1uokun/ant-design-mobile-rn) | [](https://expo.dev/preview/update?message=5.2.2&updateRuntimeVersion=5.2.2&createdAt=2024-08-12T13%3A33%3A56.096Z&slug=exp&projectId=7729a68b-f881-4294-89f5-5ae751bfb2b2&group=bbf0a647-4ff2-46bd-9aad-dfd81bc6ba08) | [](https://expo.dev/preview/update?message=5.3.0&updateRuntimeVersion=5.3.0&createdAt=2024-11-14T07%3A33%3A14.502Z&slug=exp&projectId=7729a68b-f881-4294-89f5-5ae751bfb2b2&group=cb809e16-1f0b-4f2c-9c28-417d7a67abfe) |\n\n\n\n## Install & Usage\n\n```bash\n$ npm install @ant-design/react-native @ant-design/icons-react-native\n```\n\n### Installing peer dependencies\n\nNext, install the required peer dependencies. You need to run different commands depending on whether your project is an Expo managed project or a bare React Native project.\n\n - If you have an Expo managed project, install the dependencies with `expo`:\n ```bash\n npx expo install react-native-gesture-handler react-native-reanimated\n ```\n\n - If you have a bare React Native project, install the dependencies with `npm`:\n ```bash\n npm install react-native-gesture-handler react-native-reanimated\n ```\n\n - For iOS with bare React Native project, make sure you have CocoaPods installed. Then install the pods to complete the installation:\n ```bash\n cd ios\n pod install\n cd ..\n ```\n\n### Link icon fonts\n\nAdd assets to your `react-native.config.js` ( If not exist, please create in project’s root directory )\n```js\nmodule.exports = {\n assets: ['node_modules/@ant-design/icons-react-native/fonts'],\n};\n```\nRun the [react-native-asset](https://github.com/unimonkiez/react-native-asset)'s command and linking + unlinking is automatic\n```bash\nnpx react-native-asset\n```\n\n## Links\n\n- [Home Page](http://rn.mobile.ant.design)\n- [More Introduce >](docs/react/introduce.en-US.md)\n- [Developer Instruction](development.en-US.md)\n\n## Development\n\n - **Running On Expo**\n\n> node >= 18\n\n```bash\n# go to expo example folder\ncd example\n\n# install dependencies\nyarn\n\n# start expo\nyarn expo\n```\n\n - **Running On Device**\n\n```bash\n# clone\ngit clone git@github.com:ant-design/ant-design-mobile-rn.git\n\n# go to ant rn folder\ncd ant-design-mobile-rn\n\n# install dependencies\nyarn\n\n# start ios\ncd rn-kitchen-sink/ios && pod install\nyarn ios \n\n# start android\nyarn android\n```\n\n## Contributing\n\nWe 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! :)\n\n---\n\nThanks to all the contributors of @ant-design/react-native:\n\n\n \n","users":{}}
![](\"https://zos.alipayobjects.com/rmsportal/wIjMDnsrDoPPcIV.png\")
\n \n![\"contributors\"](\"https://opencollective.com/ant-design-mobile-rn/contributors.svg?width=960&button=false\")
\n","users":{}}