关于 Flutter中的TextFiled不可以直接在Row中使用的问题

简介: TextFiled不可以直接在Row中使用的问题,报错简单修改方法

1.直接在Row中使用TextField或者TextFormField会报错

======== Exception caught by rendering library =====================================================
The following assertion was thrown during paint():
RenderBox was not laid out: RenderRepaintBoundary#72e67 NEEDS-LAYOUT NEEDS-PAINT
'package:flutter/src/rendering/box.dart':
Failed assertion: line 1982 pos 12: 'hasSize'


Either the assertion indicates an error in the framework itself, or we should provide substantially more information in this error message to help you determine and fix the underlying cause.
In either case, please report this assertion by filing a bug on GitHub:

解决办法

// 使用Expanded来包裹

 Row(children: <Widget>[new  Expanded(child: TextField())],)

问题出在每次刷新TextField时都重新创建TextEditingController(),所以只需让TextEditingController()创建一次即可解决。

相关文章
|
4月前
flutter- Row Column Expanded ListView
flutter- Row Column Expanded ListView
|
5月前
Flutter 一行Row中显示RadioListTile
Flutter 一行Row中显示RadioListTile
96 0
|
Java Android开发 iOS开发
Flutter(六)——多子元素组件:ListView,Scaffold,AppBar,Row,Column
Flutter(六)——多子元素组件:ListView,Scaffold,AppBar,Row,Column
353 1
Flutter(六)——多子元素组件:ListView,Scaffold,AppBar,Row,Column
|
Dart 开发者
【Flutter】Flutter 布局组件 ( 布局组件简介 | Row 组件 | Column 组件 | SizedBox 组件 | ClipOval 组件 )(二)
【Flutter】Flutter 布局组件 ( 布局组件简介 | Row 组件 | Column 组件 | SizedBox 组件 | ClipOval 组件 )(二)
171 0
【Flutter】Flutter 布局组件 ( 布局组件简介 | Row 组件 | Column 组件 | SizedBox 组件 | ClipOval 组件 )(二)
|
Android开发
Flutter基础widgets教程-Row篇
Flutter基础widgets教程-Row篇
220 0
|
Android开发
flutter之Row
flutter之Row
107 0
|
容器
【Flutter】Flutter 布局组件 ( 布局组件简介 | Row 组件 | Column 组件 | SizedBox 组件 | ClipOval 组件 )(一)
【Flutter】Flutter 布局组件 ( 布局组件简介 | Row 组件 | Column 组件 | SizedBox 组件 | ClipOval 组件 )(一)
117 0
Flutter中Row中的子控件左右两端对齐
Flutter中Row中的子控件左右两端对齐
317 0
flutter开发教程之Row使用
Row是一个用于水平展示多个子控件的控件。row这个控件不会滚动。
220 0