问题标签 [material-components]

close在演示中比较Temporary Drawer https://material-components-web.appspot.com/drawer/temporary-drawer.html#

例如，Android 上的 Gmail 应用程序的关闭动画Temporary Drawer似乎有所不同。

mdc-web 0.10.0

非常快，几乎是瞬间。

安卓 6.0.1

持续时间更长，动画更流畅柔和。

两者都应该适用于 Material Design 规范。我更喜欢 android 变体，但在规范上并不那么清晰。问题，这是 mdc-web 的错误还是两种不同的解释？

我正在 iOS 中编写一个应用程序并使用 Material Components Cocoapod。我正在使用一个灵活的标头，并且希望能够“固定”它，就像 Android 版本的灵活标头一样。Android 灵活标题似乎达到了临界点，然后根据滚动方向转换为展开状态或折叠状态。而在 iOS 上，MDC 灵活页眉可以很好地跟踪滚动视图，但您可以在终端点之间有中间滚动点，页眉的中间位置。

我想在我的 iOS 应用程序上有类似 Android 版本的行为。有没有办法用图书馆做到这一点？或者我应该创建逻辑来根据滚动位置设置标题高度？

非常感谢任何想法/帮助！

我在弄清楚如何从适用于 iOS 的 Google Material Design 禁用标签栏的水平滚动时遇到问题。我打算制作一个带有 3 个选项卡选项的固定选项卡栏。

也许有人可以帮助我。先感谢您。

示例代码：

模拟器上问题的实际示例

我的应用程序使用材料组件 ios 的快餐栏。我想换成BackgroundColor蓝色，但我不能。

那么可以改变snackbar的背景颜色吗？

如何将 MDC 组件 sass 文件导入我的 Angular 4 项目？编译器无法编译 .scss 文件，因为它们的@import语句不是相对的——它们只是指向.scss 文件@material。例如，这里是 mdc-button.scss@import语句：

这使编译器失败，因为它无法找到@material，因为文件在node_modules/@material/button/mdc-button.scss里面所以它实际上需要@import "../animation/variables"等等。

该库位于https://github.com/material-components/material-components-web/

我按照Github链接通过 pod安装MaterialComponents 。虽然安装成功，但找不到MaterialTextFields。后来注意到，要安装单独的组件，我们必须使用不同的 pod。我还注意到 pod MaterialComponents本身安装了许多组件。
我的问题是，考虑到许多组件也是使用单个 pod ( MaterialComponents ) 安装的，不同组件是否有不同的 pod。为什么不为所有组件使用相同的 pod，或者为什么不为每个组件使用单独的 pod。

初学者 Vuejs 问题在这里。我正在尝试sass使用 Vuejs 和 Webpack 编译文件。按照我安装的说明：

然后，我可以在我的组件中使用 sass 处理：

问题是当我想使用sass在node_modules. 特别是，我想使用Material Components Web。现在，当我想在组件中导入 sass 文件时：

发生以下错误：

问题

如何node_modules/@material在 sass 处理器配置中包含该文件夹？

webpack.base.conf.js

vue-loader.conf.js

实用程序.js

我正在尝试使用材料下拉选择，但出现此错误：

将 materialDirectives 添加到指令列表中，html 调用很简单：

我尝试了 angular_components_example 并且效果很好。问题出在我的项目上。我已经尝试清理 .packages 并执行了 pub get。没有任何效果。我尝试了一些其他的材料成分，它们奏效了。

我在一个角度组件中创建一个新的 MDCSnackbar 对象的行出现以下错误，如下所示：

let snackbar = new mdc.snackbar.MDCSnackbar(document.getElementsByClassName('mdc-snackbar')).

错误堆栈如下：

Uncaught TypeError: this2.root .querySelector is not a function
at getActionButton (material-components-web.js:3144)
at Object.registerActionClickHandler (material-components-web.js:3174)
at MDCSnackbarFoundation.init (material-components-web .js:8572)
在 MDCSnackbar.MDCComponent (material-components-web.js:587)
在新 MDCSnackbar (material-components-web.js:3123) 在:1:11

我有以下用于小吃店的 html 片段：

非常感谢我可能做错了什么的线索。

我的问题

我设置了我的自定义主题，它工作正常。

但是我在橙色（重音）按钮上得到黑色文本颜色，但我想要白色。

我的解决方案

在@material/theme/_variables.scss我们有这样的代码：

从上面的代码中，我们可以看到前三个参数有!default这意味着使用它作为默认值，如果它们已经被声明为不覆盖。

出于这个原因，我们可以指定自定义颜色。

但是对于像$mdc-theme-accent-tone我们这样的属性，我们被迫使用计算值。如果我将上面的代码（ MDC 的源代码）更改为

在我的风格中

它工作正常。但显然我不能更改源代码。如何实现这一点。