如何解决如何给所有Row儿童相同的身高
我很难让Row的两个孩子,即TextField和RaisedButton的高度相同。该按钮的高度始终较短。我可以使用SizedBox做到这一点,但是它是固定高度,是手动的。这是我的代码和用户界面现在的样子:
Row(
children: [
Padding(
padding: _padding,child: SizedBox(
width: 200,child: TextField(
keyboardType: TextInputType.number,decoration: Inputdecoration(
labelText: 'Answer',border: OutlineInputBorder(borderRadius: BorderRadius.circular(4.0))
),),RaisedButton(
onpressed: _evaluate,child: Text('Evaluate'),],
我想知道是否有推荐的方法来使Row的孩子们具有相同的高度。
顺便说一句,侧面的黑线用于仿真器框架。
解决方法
用容器包装文本框并给其高度不是很好,某些情况下键入时文本框会破裂,您可以在文本框内使用-> InputDecoration;
contentPadding: EdgeInsets.all(20),
您可以从此处调整文本字段的高度。
,尝试用SizedBox或固定高度的容器包装行
,您可以将Row
小部件包裹在SizedBox
小部件中,并为其提供所需的height
:
我以您的代码为例添加了一个演示:
SizedBox( // new line
height: 60,// give it a desired height here
child: Row(
children: [
Padding(
padding: _padding,child: SizedBox(
width: 200,child: TextField(
keyboardType: TextInputType.number,decoration: InputDecoration(
labelText: 'Answer',border: OutlineInputBorder(
borderRadius: BorderRadius.circular(4.0))),),RaisedButton(
onPressed: _evaluate,child: Text('Evaluate'),],
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。