当包装Icon和包装IconButton时,FittedBox具有不同的行为

时间:2018-08-02 10:49:56

标签: flutter

如果我仅用FittedBox将图标包装在BoxFit.fitWidth中,则Icon的大小会减少到分配的数量。如果我将IconButton包裹在FittedBox中,则无济于事!

如何调整IconButton的大小?难道我做错了什么?这是Flutter或预期行为中的错误吗?

enter image description here

这是我的代码

return new Scaffold(
    body: Column(children: [
  Row(children: [
    Expanded(
        flex: 5,
        child: Container(
          child: Text('Icon button ->'),
          color: Colors.green,
        )),
    Expanded(
        flex: 1,
        child: FittedBox(
            fit: BoxFit.fitWidth,
            child: IconButton(
              icon: Icon(
                Icons.radio,
                size: 200.0,
              ),
              onPressed: () => print('x'),
            )))
  ]),
  Row(children: [
    Expanded(
        flex: 5,
        child: Container(
          child: Text('just an Icon ->'),
          color: Colors.green,
        )),
    Expanded(
        flex: 1,
        child: FittedBox(
            fit: BoxFit.fitWidth,
            child: Icon(
              Icons.radio,
              size: 200.0,
            )))
  ])
]));

1 个答案:

答案 0 :(得分:0)

好吧,所以我需要从图标上删除我的size:200.0,这在Icon和IconButton之间是不同的,如果您在Icon上设置了大小并用FittedBox(fitWidth)包装,则图标会缩小,如果您在IconButton上设置大小并用FittedBox(fitWidth)包装,则IconButton不会被FittedBox包装器覆盖。