时间:2019-06-17 15:43:42

标签: reactjs material-design

我想在加载内容之前使用诸如YouTube上的加载程序。在youtube上,每段内容在呈现实际内容之前都使用浅灰色颜色加载程序。它由正方形和圆形组成,用于模拟将要渲染的实际内容。

你知道这是什么吗?令人惊讶的是,我既无法在Material-UI上也无法通过Google搜索找到它。

1 个答案:

答案 0 :(得分:0)

好的,我找到了解决问题的方法。

我要找的东西叫做“占位符UI”或“骨架屏幕”。

就我而言,我想将它与ReactJS一起使用。语义UI React具有库的占位符部分:

  

https://react.semantic-ui.com/elements/placeholder/#content-line

Material-UI和其他样式库没有。但是,有用于此目的的外部软件包,例如:

  

https://github.com/buildo/react-placeholder

     

https://github.com/danilowoz/react-content-loader

     

https://github.com/dvtng/react-loading-skeleton

还可以使用html,svg和css的组合自己实现框架屏幕。