开始使用Material UI

  Material-UI采用 Material Design风格的React UI组件,因此要想学习material ui先要了解react。react

material ui安装

Material-UI 能够使用 npm package安装.git

react-tap-event-plugin

Material-UI使用react-tap-event-plugin来监听touch/tap/click 事件,使之获得快速的响应,这个插件是临时的,一旦React的官方发布相应的插件,咱们将立刻去掉。可是, 在那以前,你必定要在你的应用启动时注入这个插件。github

import injectTapEventPlugin from 'react-tap-event-plugin'; // Needed for onTouchTap // http://stackoverflow.com/a/34015469/988941 injectTapEventPlugin(); 

react-tap-event-plugin 对React全部组件都提供了一个 onTouchTap() 方法,去处理手机端的点击事件,快速响应咱们的应用程序。这对于button很是有用。npm

Roboto 字体

Material-UI 采用 google Roboto 字体,因此请确保在项目中引入字体。babel

关于Roboto字体详细介绍请参考: Roboto 介绍学习

ES 编译器

咱们这里的示例都使用了ECMAScript规范中的stage-1功能,要在您本地运行这些示例,您可能还要安装Babel插件来解析ES语法。字体

Material-UI更详细资料能够访问material ui中文网ui

相关文章
相关标签/搜索