All Projects → ant-design → Ant Design Mobile Rn

ant-design / Ant Design Mobile Rn

Licence: mit
Ant Design for React Native

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects
Less
1899 projects
java
68154 projects - #9 most used programming language
objective c
16641 projects - #2 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to Ant Design Mobile Rn

react-ant-mobile
react+ant-mobile+Next.js 脚手架
Stars: ✭ 22 (-99.08%)
Mutual labels:  antd-mobile
React Niukeapp
仿牛客APP客户端react项目,使用antdmobile的webpack模板创建
Stars: ✭ 12 (-99.5%)
Mutual labels:  antd-mobile
Dva Antd Mobile Starter
Get started with Dva.js and Ant Design mobile.
Stars: ✭ 115 (-95.18%)
Mutual labels:  antd-mobile
react-chat
react-chat
Stars: ✭ 14 (-99.41%)
Mutual labels:  antd-mobile
Umi Dva Antd Mobile
基于 umi + dva + antd-mobile 快速构建H5 APP 应用。
Stars: ✭ 427 (-82.1%)
Mutual labels:  antd-mobile
Ant Design Mobile
Fluent and powerful mobile component library based on React.
Stars: ✭ 9,489 (+297.86%)
Mutual labels:  antd-mobile
react-shop
Shop example for mobile web
Stars: ✭ 20 (-99.16%)
Mutual labels:  antd-mobile
React Ssr
react16 next.js4 antd-mobile2 redux
Stars: ✭ 171 (-92.83%)
Mutual labels:  antd-mobile
React Music Webapp
一款基于React构建的音乐播放器 A music webapp build with react and antd-mobile
Stars: ✭ 465 (-80.5%)
Mutual labels:  antd-mobile
Mchat
RN生态学习
Stars: ✭ 101 (-95.77%)
Mutual labels:  antd-mobile
Webpack React Router Redux Es6
webpack2+react+react-router+react-redux+ES6版本的CNode社区
Stars: ✭ 255 (-89.31%)
Mutual labels:  antd-mobile
Bangumi
💫 An unofficial bgm.tv app client for Android and iOS, built with React Native. 类似专门做ACG的豆瓣, 已适配 iOS/Android, mobile/Pad, light/dark theme, 并加入了很多独有的增强功能
Stars: ✭ 409 (-82.85%)
Mutual labels:  antd-mobile
Redux Cnode
react+react-router+redux+es6+antd-mobile+webpack版本的Cnode
Stars: ✭ 96 (-95.97%)
Mutual labels:  antd-mobile
OverWatchTeams
react+redux+redux-saga+axios
Stars: ✭ 23 (-99.04%)
Mutual labels:  antd-mobile
Gank
🦅 Gank api base △ next.js (react&ssr)
Stars: ✭ 122 (-94.88%)
Mutual labels:  antd-mobile
react-drag
A drag and drop platform based on sortable.js front-end visualization. 一个基于sortable.js的前端可视化搭建的拖拽平台,ui组件采用antd-mobile.通过umi脚手架构建.技术栈采用dva+hooks+umi+antd-mobile+sortable.js+react-color.
Stars: ✭ 51 (-97.86%)
Mutual labels:  antd-mobile
Antd Mobile Samples
antd-mobile samples
Stars: ✭ 1,075 (-54.93%)
Mutual labels:  antd-mobile
React Molin
react-molin是一个全新的基于webpack3、react15、react-router4、antd-mobile的前端架构实现方案(h5)
Stars: ✭ 184 (-92.29%)
Mutual labels:  antd-mobile
Weex Amui
Ant Design Mobile of Weex
Stars: ✭ 131 (-94.51%)
Mutual labels:  antd-mobile
Zhaopinapp
一个基于react16,redux,react-router4,antd-mobile,axios及node,express,mongodb实现的全栈招聘类webapp项目。
Stars: ✭ 100 (-95.81%)
Mutual labels:  antd-mobile

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.

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.

Demo

# 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
cd rn-kitchen-sink/ios && pod install
yarn ios 

# start android
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! :)

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].