Flutter 如何在不影响布局的情况下增加容器的大小?

Flutter 如何在不影响布局的情况下增加容器的大小?,flutter,dart,mobile,flutter-layout,Flutter,Dart,Mobile,Flutter Layout,我有一个自定义键盘: 当按下一个键时,我希望它的大小增加,而不影响周围其他键的位置 键盘的结构如下: 键盘\键。省道: return GestureDetector( onTapDown: _handleOnTapDown, onTapUp: _handleOnTapUp, onTapCancel: _handleOnTapCancel, child: Container( height: keyHeight, width: keyWidth, marg

我有一个自定义键盘:

当按下一个键时,我希望它的大小增加,而不影响周围其他键的位置

键盘的结构如下:

键盘\键。省道:

return GestureDetector(
  onTapDown: _handleOnTapDown,
  onTapUp: _handleOnTapUp,
  onTapCancel: _handleOnTapCancel,
  child: Container(
    height: keyHeight,
    width: keyWidth,
    margin: EdgeInsets.all(keySpacing),
    decoration: _boxDecoration(),
    child: Center(
      child: Text(
        letter,
        style: _textStyle(),
      ),
    ),
  ),
);
键盘\行。省道:

return Container(
  child: Row(
    mainAxisAlignment: MainAxisAlignment.center,
    children: rowLetters.split('').map<Widget>((String ch) {
      return KeyboardKey(ch);
    }).toList(),
  ),
);
返回容器(
孩子:排(
mainAxisAlignment:mainAxisAlignment.center,
子项:行字母.split(“”).map((字符串ch){
返回键盘键(ch);
}).toList(),
),
);
键盘.省道:

return Container(
  padding: EdgeInsets.only(
    left: 1.0,
    right: 1.0,
    top: 8.0,
  ),
  child: Column(
    children: _rows.map<Widget>((row) => KeyboardRow(row)).toList(),
  ),
);
返回容器(
填充:仅限边缘设置(
左:1.0,
右:1.0,
排名:8.0,
),
子:列(
子项:_rows.map((row)=>KeyboardRow(row)).toList(),
),
);
您可以使用
小部件
构造函数来缩放子部件
小部件

// keyboard_key.dart
return GestureDetector(
  onTapDown: _handleOnTapDown,
  onTapUp: _handleOnTapUp,
  onTapCancel: _handleOnTapCancel,
  child: Transform.scale(
     scale: 1.5,
     child:
        Container(
          height: keyHeight,
          width: keyWidth,
          margin: EdgeInsets.all(keySpacing),
          decoration: _boxDecoration(),
          child: Center(
            child: Text(
              letter,
              style: _textStyle(),
       ),
     ),
   ),
);

工作起来很有魅力。谢谢