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(),
),
),
),
);
工作起来很有魅力。谢谢