Ant Design Mobile of React

antd-mobile 是 Ant Design 的移动规范的 React 实现，服务于蚂蚁及口碑无线业务。

+

Ant Design 在中后台领域的耕耘取得了很多成绩，使得 Ant Design 设计规范和 React 逐渐成为蚂蚁金服主流的前端产品开发模式，也受到社区的广泛关注。我们没有止步于此，一年后推出了 Ant Design 移动端规范及其实现。

特性

• 基于 Ant Design 移动设计规范。

• 规则化的视觉样式配置，适应各类产品风格。

• 基于 React Native 的多平台支持。

• 使用 TypeScript 开发，提供类型定义文件。

安装

$ npm install antd-mobile --save

使用

遇到报错，请先参考 示例脚手架

resolve: {
  modulesDirectories: ['node_modules', path.join(__dirname, '../node_modules')],
  extensions: ['', '.web.js', '.js', '.json'],
},

// .babelrc
{"plugins": [["import", { "style": "css", "libraryName": "antd-mobile" }]]}
// or webpack config file
webpackConfig.babel.plugins.push(['import', { libraryName: 'antd-mobile', style: 'css' }]);

Web 使用场景

// import js and css modularly, parsed by babel-plugin-import
import { Button } from 'antd-mobile';
ReactDOM.render(<Button>Start</Button>, mountNode);

import React, { Component } from 'react';
import { AppRegistry } from 'react-native';
import { Button } from 'antd-mobile';
class HelloWorldApp extends Component {
  render() {
    return <Button>Start</Button>;
  }
}
AppRegistry.registerComponent('HelloWorldApp', () => HelloWorldApp);

更多常见问题，请查看 wiki pages