{"id":13452477,"url":"https://github.com/ant-design/ant-design-mobile-rn","last_synced_at":"2025-05-10T09:21:39.628Z","repository":{"id":38804018,"uuid":"131822486","full_name":"ant-design/ant-design-mobile-rn","owner":"ant-design","description":"Ant Design for React Native","archived":false,"fork":false,"pushed_at":"2025-04-24T02:46:44.000Z","size":45259,"stargazers_count":3201,"open_issues_count":31,"forks_count":618,"subscribers_count":43,"default_branch":"master","last_synced_at":"2025-05-07T23:00:03.380Z","etag":null,"topics":["android","antd-mobile","ios","javascript","react","react-native","typescript"],"latest_commit_sha":null,"homepage":"https://rn.mobile.ant.design/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ant-design.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.en-US.md","contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":"AUTHORS.txt","dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2018-05-02T08:38:52.000Z","updated_at":"2025-05-07T05:09:46.000Z","dependencies_parsed_at":"2023-12-07T00:41:43.555Z","dependency_job_id":"93a0f9b1-5349-491f-a197-2ab8f4e4fce1","html_url":"https://github.com/ant-design/ant-design-mobile-rn","commit_stats":{"total_commits":659,"total_committers":72,"mean_commits":9.152777777777779,"dds":0.4931714719271624,"last_synced_commit":"84f828d76d9805e2b2fb4aa96e6b9f4842aa4a8a"},"previous_names":[],"tags_count":114,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ant-design%2Fant-design-mobile-rn","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ant-design%2Fant-design-mobile-rn/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ant-design%2Fant-design-mobile-rn/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ant-design%2Fant-design-mobile-rn/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ant-design","download_url":"https://codeload.github.com/ant-design/ant-design-mobile-rn/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252968052,"owners_count":21833249,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","antd-mobile","ios","javascript","react","react-native","typescript"],"created_at":"2024-07-31T07:01:25.250Z","updated_at":"2025-05-07T23:00:14.440Z","avatar_url":"https://github.com/ant-design.png","language":"TypeScript","funding_links":[],"categories":["TypeScript","UI Frameworks","目录","Projects List"],"sub_categories":[],"readme":"English | [简体中文](./README.zh-CN.md)\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"http://rn.mobile.ant.design\"\u003e\n    \u003cimg width=\"320\" src=\"https://zos.alipayobjects.com/rmsportal/wIjMDnsrDoPPcIV.png\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n# Ant Design Mobile RN\n\n[![](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)\n[![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)\n[![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)\n[![NPM downloads](http://img.shields.io/npm/dm/@ant-design/react-native.svg?style=flat-square)](https://npmjs.org/package/@ant-design/react-native)\n[![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)\n[![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')\n[![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\u0026utm_medium=badge\u0026utm_campaign=pr-badge\u0026utm_content=badge)\n\nA configurable Mobile UI specification and React-based implementation.\n\n\u003e 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\u003e 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| [\u003cimg width=\"250\" alt=\"expo/ant-design-mobile-rn\" src=\"https://qr.expo.dev/eas-update?slug=exp\u0026projectId=7729a68b-f881-4294-89f5-5ae751bfb2b2\u0026groupId=1a1dbedd-d817-4dee-a5d9-1e7cc1ebe4a0\u0026host=u.expo.dev\" /\u003e](https://expo.dev/preview/update?message=5.3.0(sdk%3A52)\u0026updateRuntimeVersion=5.3.0\u0026createdAt=2024-11-14T08%3A25%3A05.823Z\u0026slug=exp\u0026projectId=7729a68b-f881-4294-89f5-5ae751bfb2b2\u0026group=1a1dbedd-d817-4dee-a5d9-1e7cc1ebe4a0) |\n\nOpen the camera app on your device and scan the code above, \u003cbr\u003e\nneed install expo app: https://expo.io/tools\n\n\u003cdetails\u003e\u003csummary\u003eExpo SDK(47, 49, 50, 51) history version\u003c/summary\u003e\n\n|SDK 47 iOS|SDK 47 Android|SDK 49,50|SDK 51|\n|--|--|--|--|\n| [\u003cimg width=\"250\" alt=\"expo/ant-design-mobile-rn\" src=\"https://qr.expo.dev/eas-update?updateId=38b3a547-ab2b-4066-95ed-400f1707dcc6\u0026appScheme=exp\u0026host=u.expo.dev\" /\u003e](https://expo.dev/@1uokun/ant-design-mobile-rn) | [\u003cimg width=\"250\" alt=\"expo/ant-design-mobile-rn\" src=\"https://qr.expo.dev/eas-update?updateId=05f0e308-2dd5-4cb9-9e6b-1ae31561bfee\u0026appScheme=exp\u0026host=u.expo.dev\" /\u003e](https://expo.dev/@1uokun/ant-design-mobile-rn) | [\u003cimg width=\"250\" alt=\"expo/ant-design-mobile-rn\" src=\"https://qr.expo.dev/eas-update?slug=exp\u0026projectId=7729a68b-f881-4294-89f5-5ae751bfb2b2\u0026groupId=bbf0a647-4ff2-46bd-9aad-dfd81bc6ba08\" /\u003e](https://expo.dev/preview/update?message=5.2.2\u0026updateRuntimeVersion=5.2.2\u0026createdAt=2024-08-12T13%3A33%3A56.096Z\u0026slug=exp\u0026projectId=7729a68b-f881-4294-89f5-5ae751bfb2b2\u0026group=bbf0a647-4ff2-46bd-9aad-dfd81bc6ba08) | [\u003cimg width=\"250\" alt=\"expo/ant-design-mobile-rn\" src=\"https://qr.expo.dev/eas-update?slug=exp\u0026projectId=7729a68b-f881-4294-89f5-5ae751bfb2b2\u0026groupId=cb809e16-1f0b-4f2c-9c28-417d7a67abfe\u0026host=u.expo.dev\" /\u003e](https://expo.dev/preview/update?message=5.3.0\u0026updateRuntimeVersion=5.3.0\u0026createdAt=2024-11-14T07%3A33%3A14.502Z\u0026slug=exp\u0026projectId=7729a68b-f881-4294-89f5-5ae751bfb2b2\u0026group=cb809e16-1f0b-4f2c-9c28-417d7a67abfe) |\n\u003c/details\u003e\n\n\n## Install \u0026 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 \u003e](docs/react/introduce.en-US.md)\n- [Developer Instruction](development.en-US.md)\n\n## Development\n\n - **Running On Expo**\n\n\u003e node \u003e= 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 \u0026\u0026 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\u003ca href=\"https://github.com/ant-design/ant-design-mobile-rn/graphs/contributors\"\u003e\n  \u003cimg src=\"https://opencollective.com/ant-design-mobile-rn/contributors.svg?width=960\u0026button=false\" alt=\"contributors\" /\u003e\n\u003c/a\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fant-design%2Fant-design-mobile-rn","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fant-design%2Fant-design-mobile-rn","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fant-design%2Fant-design-mobile-rn/lists"}