Reactjs 更改扁平按钮图标大小

我正在构建一个

react

materialui

虚拟（屏幕上）键盘。我很难实现未来的关键尺寸。我正在使用

flatbutton

当我使用label来显示符号键时，我找到了一种方法来更改

标签的大小，但是当使用
图标和
SvgIcon
时，我还没有找到一种方法来更改
图标的大小。我试过使用
标签
和
标签样式
，但看起来不像文本
标签
那样时尚


以下是我如何更改
标签的大小：

let theme: MuiTheme = getMuiTheme();
theme.button.height += 10;
theme.button.minWidth += 10;
theme.flatButton.fontSize += 10;

return (
    <MuiThemeProvider muiTheme={theme}>
        <div>
             <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,500" rel="stylesheet" type="text/css"/>
              <Keyboard
                  textField={textField}
                  open={this.state.open}
                  onRequestClose={this._onRequestClose}
                  onInput={this._onInput}
                  layout={[AlphaNumericKeyboard]}
               />
        </div>
    </MuiThemeProvider>
);

那么，当使用
扁平按钮时，是否有办法更改
图标的大小？
从
v0.15.2开始
图标
样式
道具
被覆盖（从
v0.15.2起，无法从
FlatButton
/
RiasedButton
设置
图标的样式
样式
属性
被覆盖（无法从
FlatButton
/
RiasedButton
设置
图标的样式。如果您使用的是svg图标，那么可能
viewBox
属性就是您想要的。请查看页面底部可用的svg图标属性-
viewBox
只能减小大小（我需要增大大小）.
viewBox
只是说明如何在svg元素中放置图标并调整其大小。我不想更改该元素的大小。可以通过
viewBox
增加图标的大小。它接受四个值：
x1 y1 x2 y2
，其中（x1，y1）表示左上角和（x2，y2）表示右下角。Svg图标本身将在这些坐标之间拉伸。默认值为
0 0 24
，要增加图标大小，可以使用例如
0 36
。注意：
viewBox
可能有点棘手，如果父级大小与
viewBox
大小不同。在这里可以找到一个很好的exp对
viewBox
工作原理的解释-。只更改
viewBox
的问题是它不会改变svg的大小。问题是
FlatButton
和
RaisedButton
只是覆盖
样式属性
我要结束这个问题它是
材质ui
问题我提出了一个问题如果在接下来的2/3天内没有人做任何事情，我将创建Pull请求，然后在
IconButton
之后添加
IconStyle
…如果您使用的是svg图标，那么可能
viewBox
属性就是您想要的。查看页面底部可用的svg图标属性-
viewBox
只能减小大小e（我需要增加大小）。
viewBox
只是说明如何在svg元素中放置图标并调整其大小。我不想更改该元素的大小。可以通过
viewBox
增加图标的大小。它接受四个值：
x1 y1 x2 y2
，其中（x1，y1）表示左上角，而（x2，y2）表示右下角。Svg图标本身将在这些坐标之间拉伸。默认值为
0 0 24
，要增加图标大小，可以使用例如
0 36
。注意：
viewBox
可能有点棘手，如果父级大小与
viewBox
大小不同。在这里可以找到一个很好的exp对
viewBox
工作原理的解释-。只更改
viewBox
的问题是它不会改变svg的大小。问题是
FlatButton
和
RaisedButton
只是覆盖
样式属性
我要结束这个问题它是
材质ui
问题我提出了一个问题如果在接下来的2/3天内没有人做任何事情，我将创建Pull请求，并在
IconButton
之后添加
IconStyle
…从
v0.15.3
icon
style
正在合并
prop
和默认样式。从
v0.15.3
icon
propbeing与默认样式合并。
const noStyl: React.CSSProperties = {
    marginLeft: 0,
    marginRight: 0,
    paddingLeft: 0,
    paddingRight: 0
};
keyboardKey = <FlatButton icon={React.cloneElement(icon, {style: {width: 34, height: 34}})} labelStyle={noStyl} />;