Material-UI采用 Material Design風格的React UI組件,所以要想學習material ui先要了解react。
material ui安裝
Material-UI 可以使用 npm package安裝.
react-tap-event-plugin
Material-UI使用react-tap-event-plugin來監聽touch/tap/click 事件,使之得到快速的響應,這個插件是臨時的,一旦React的官方發布相應的插件,我們將馬上去掉。但是, 在那之前,你一定要在你的應用啟動時注入這個插件。
import injectTapEventPlugin from 'react-tap-event-plugin'; // Needed for onTouchTap // http://stackoverflow.com/a/34015469/988941 injectTapEventPlugin();
react-tap-event-plugin
對React所有組件都提供了一個 onTouchTap()
方法,去處理手機端的點擊事件,快速響應我們的應用程序。這對於button
非常有用。
Roboto 字體
Material-UI 采用 google Roboto 字體,所以請確保在項目中引入字體。
關於Roboto字體詳細介紹請參考: Roboto 介紹
ES 編譯器
我們這里的示例都使用了ECMAScript規范中的stage-1
功能,要在您本地運行這些示例,您可能還要安裝Babel插件來解析ES語法。
Material-UI更詳細資料可以訪問material ui中文網。