開始使用Material UI


  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中文網

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM