如何在Material-UI中使用或开始使用.heme.Mixins.Toolbar？ [英] How does one use or get started with ...theme.mixins.toolbar in Material-ui?

问题描述

我在Material-UI文档中找不到.heme.Mixins.Toolbar的任何文档。这是做什么用的？如何更改或使用它？

推荐答案

它只是将最小高度添加到元素。例如，当您将AppBar与下面的内容部分一起使用，并且希望在内容顶部添加间隔符以使其不会消失在AppBar下面时，此功能非常有用。

我找不到有关它的具体文档，但有在Material-UIlayout examples中使用它的示例，我相信它可能是由this function创建的。

更具体地说，用于Dashboard example：

toolbarIcon: {
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'flex-end',
  padding: '0 8px',
  ...theme.mixins.toolbar,
},

这将导致如下结果：

toolbarIcon: {
  display: flex;
  align-items: center;
  justifyContent: flex-end;
  padding: 0 8px;
  min-height: 64px;
}

这篇关于如何在Material-UI中使用或开始使用.heme.Mixins.Toolbar？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！