English | 简体中文
Ant Design 移动端设计规范。@ant-design/react-native
是 Ant Design 的移动规范的 React 实现,服务于蚂蚁及口碑无线业务。
- 基于 Ant Design 移动设计规范。
- 规则化的视觉样式配置,适应各类产品风格。
- 基于 React Native 的多平台支持。
- 使用 TypeScript 开发,提供类型定义文件。
-
Web support
点击[这里] 🔗 预览H5网页版本
-
Expo demo app
SDK 49+ iOS | SDK 49+ 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
npm install @react-native-community/segmented-control @react-native-community/slider
or
yarn add @react-native-community/segmented-control @react-native-community/slider
安装完依赖后需要到 iOS 目录
pod install
(auto linking),Android 不需要手动处理
// 配置根目录下的 `react-native.config.js` 文件
module.exports = {
assets: ['node_modules/@ant-design/icons-react-native/fonts'],
};
然后
# 手动执行命令
npx react-native-asset
有任何建议或意见您可以进行 提问。