materialize-css和material UI之间的区别

时间:2018-09-26 04:50:53

标签: reactjs material-design materialize material

我浏览了materializecssmaterialUI的主页。第一个提到基于Material Design的现代响应式前端框架,而第二个提到实现Google的Material Design的React组件。它们都实现了材料设计,并且都给了我使用的组件。两者之间的区别到底在哪里?

1 个答案:

答案 0 :(得分:4)

物化和材料UI都实现了Google的材料设计,但是采用了两种不同的方式。例如,网格系统就是其中之一。

正如文档中提到的实质性UI一样,物化具有以下差异:

1- Materialize比Material-UI支持的浏览器范围更广,例如,它们支持IE 10,而我们仅支持IE11。只有支持IE 11,我们才能充分利用flexbox的布局。 IE 10的flexbox存在很多问题。

2- Materialize使用SCSS,这是Material-UI距两年前的样式体系结构。
https://material-ui.com/getting-started/comparison/#materialize

尽管材料UI是最受欢迎的React组件库,因为它具有大量的React组件。

宝石,流星和灰烬之类的某些社区具有将物化其项目的能力。

我在与angularjs一起使用物化方面有经验。 materialize提供了在angularjs(https://krescruz.github.io/angular-materialize/)中使用materializecss功能的指令。它们大多数都能正常工作,但是input-field指令会导致应用程序性能出现问题。