如何在导航上更改Button（material-ui）的颜色？

Question

有react + material-ui应用程序并使用了Button组件。

public var task: Task {
    switch self {
        case .getInfo(contactID: _, types: let types):
            var arrayOfTypesInString = types.joined(separator: "\", \"")
            arrayOfTypesInString = "\"\(arrayOfTypesInString)\""
            let params = ["types": "[\(arrayOfTypesInString)]"]
            return .requestParameters(
                 parameters: params,
                 encoding: URLEncoding.queryString
            )
        }
    }
}

点击时更改按钮背景颜色需要更改哪个属性？ 默认情况下它是黄色的。

我从这里获得了Button组件How to point to localhost:8000 with the Dart http package in Flutter?

Answer 1

1. 在material-ui主题中定义secondary颜色，如：

const muiTheme = createMuiTheme（{   调色板：{     主要：lightBlue，     次要：粉红色，   }， }）

1. 定义一个包含color属性值的状态变量，默认情况下将其设置为“primary”。

2. 向组件添加方法以处理更改color变量的值：

   handleClick（E）{ this.setState（{    颜色：'二级' }） }

3. 将onClick属性添加到按钮中，如

onClick = {（event）=＆gt; this.onClick（事件）}