開始使用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

相關文章
相關標籤/搜索