问题标签 [material-components]

我正在努力material-components-web使用 Webpack 2 在 React 应用程序中正确实现。我想导入 Sass 文件以便它们可以被主题化。

这是我认为我的配置的相关部分：

我用这个开始我的 main.scss：

我所有的应用程序 Sass 文件加载正常，但material-components-web导入似乎根本不起作用，但也不会引发任何错误。

如果我添加它'material-components-web/dist/material-components-web.min.css'，entry.main那么它可以工作，但我显然无法轻松更改主题，所以这似乎是错误的。我应该在这里做什么？

我想为 TextInputLayout 添加后缀。一个例子取自material.io

有没有标准的解决方案？

当我使用 RxSwift 填充 Collection View 时，CollectionView 单元格的分隔符没有出现。我正在使用 RxDataSources 而不是类函数。我相信这个函数drawSeparatorIfNeeded并没有在某个地方被调用，有什么解决方法吗？

集合视图准备：

单元配置：

细胞结合：

在 Reveal 中检查 CollectionView 显示分隔符 UIImageView 的高度为 0，但是当我使用 vanilla DataSource 方法时，它按预期工作。

我正在制作一张带有 web 材质组件的卡片，我希望我的模板布局能够将所有数据都包含在其中。

现在，当我使用 mdc-card__title 或 subtitle 时，它​​们都与我不想要的卡片底部对齐。

我做错了什么吗？

请参阅代码以获取帮助：

为什么即使我没有添加任何媒体内容，它也会为媒体留下空间。

我正在尝试使用 Webpack 2 为我的前端框架做一个非常基本的设置。我想捆绑material-components-web和它的 css，但我不知道如何捆绑 CSS。

我希望有一个bundle.js可以加载到 HTML 文件并能够调用mdc组件的东西。这是我的webpack.config.js

这是我的入口文件index.js

问题是我对如何捆绑 CSS 有点迷茫。语法可能类似于@import "material-components-web/material-components-web";但我不确定我应该把它放在哪里，它是在index.js文件上，还是应该创建一个styles.scss文件并将其导入index.js等等。我完全迷失了。

这种设置的原因是因为我们的代码库使用了material-design-lite 的jQuery组件，Bootstrap但它还没有构建任务，所以这有点像第一步。

我是 TypeScript 的新手。而且我无法mdc-checkbox按照文档中的说明导入。

我该怎么做才能修复此错误？

我正在尝试仅包含来自 Github 上的材料组件存储库的小吃吧组件：

https://github.com/material-components/material-components-web

我正在将material-components-web实现到 Web 应用程序中，并且想知道：是否有与组件库集成的网格系统？Material-components 是由 Google 的一组设计人员和开发人员开发的，我想应该有一种方法可以实现网格系统，而不必放入 Bootstrap（这会在我的存储库中冗余地包含另一组 UI 组件）。

请告诉我如何使用 material-components-web 来实现这个模式：

Material.io 上的链接

我有一个自定义 BttomSheetDialogFragment 并且我想在底部视图顶部有圆角

这是我的自定义类，它膨胀了我想从底部显示的布局

而且我有这个 XML 资源文件作为背景：

问题是，当我将此资源文件设置为我的布局根元素的背景时，角落仍然没有圆角。

我不能使用下面的代码：

因为它覆盖了 BottomSheetDialog 的默认背景，并且我的底部视图上方不会有任何半透明的灰色。