material-ui - 你如何设置一个material-ui ListItem的波纹颜色？

Question

我似乎可以在文档中的任何地方找到如何在 material-ui ListItem 上设置波纹颜色。我将 ListItem 包裹在 MuiThemeProvider 中，我的覆盖主题如下所示:

const muiTheme = getMuiTheme({
  palette: {
    hoverColor: 'red',
  },
});

<MuiThemeProvider muiTheme={muiTheme}>
  <ListItem>
    ...
  </ListItem>
</MuiThemeProvider>

我应该设置什么调色板颜色属性来更改波纹颜色？

Answer 1

我来这里研究 Button 上的一个类似问题，但它似乎在涟漪效应中是一致的，所以也许这会对将来的某人有所帮助。

在 Material-UI next/v1 中，rippleColor 显式链接到元素的标签颜色。如果您希望波纹和标签的颜色不同，则必须分别覆盖标签颜色。

import MUIButton from 'material-ui/Button';
import {withStyles} from 'material-ui/styles';

const Button = (props) => {

    return <MUIButton className={props.classes.button}>Hat</MUIButton>

const styles = {
    button: {color: 'rebeccapurple'}
};

export default withStyles(styles)(Button);

这应该会给你一个覆盖的波纹颜色。