README.zh-CN.md

English | 简体中文

Ant Design Mobile RN

Ant Design 移动端设计规范。@ant-design/react-native 是 Ant Design 的移动规范的 React 实现，服务于蚂蚁及口碑无线业务。

特性

• 基于 Ant Design 移动设计规范。
• 规则化的视觉样式配置，适应各类产品风格。
• 基于 React Native 的多平台支持。
• 使用 TypeScript 开发，提供类型定义文件。

Expo

• Web support

  点击[这里] 🔗 预览H5网页版本

• Expo demo app

Expo SDK 44	SDK 47 iOS	SDK 47 Android

提示：使用本地原相机扫瞄上面的二维码, 需要下载 Expo App: https://expo.io/tools

本地演示

• 使用 react-native-cli 运行

# clone
git clone git@github.com: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

# start expo
yarn expo

• 使用 expo-cli 运行

# go to expo example folder
cd example

# install dependencies
yarn

# start expo
yarn expo

安装 & 使用

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

or

yarn add @ant-design/react-native

安装peer依赖

npm install @react-native-camera-roll/camera-roll @react-native-picker/picker @react-native-community/segmented-control @react-native-community/slider react-native-gesture-handler

or

yarn add @react-native-camera-roll/camera-roll @react-native-picker/picker @react-native-community/segmented-control @react-native-community/slider react-native-gesture-handler

安装完依赖后需要到 iOS 目录 pod install(auto linking)，Android 不需要手动处理

链接字体图标以及自动链接

# 手动链接字体图标
npx react-native link

介绍

链接

• 首页
• 开发文档
• 底层 React 模块
• 官方 Demo 集合

欢迎贡献

有任何建议或意见您可以进行 提问。