Flutter中Row直接包裹TextField异常

最新推荐文章于 2021-08-06 13:17:01 发布
最新推荐文章于 2021-08-06 13:17:01 发布
阅读量980 收藏 1
点赞数 4
分类专栏： Flutter 文章标签： Flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gaoyp/article/details/107934258
版权

 

Row:儿呀，你想要多大，就给你多大。

TextField: 老爸，你给我多大，我就多大。

结果，这父子俩互相谦虚，或者说互相推脱，事情就僵在那儿了。

 

Row直接包裹TextField异常：BoxConstraints forces an infinite width

解决方法：

Row(

      children: <Widget>[

          Flexible(

               child: new TextField(),

       ),

   ],

),

 

gaoyp
关注
  • 4
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Flutter 基础（二）基础 widget Text Image TextField Button
AboBack
09-11 429
Flutter 基础 widget 主要下面基本 widget 常用到的 StatelessWidget 和 StatefulWidget 的区别 文本 Text 相当于 Android 的 TextView 图片 Image 相当于 Android 的 ImageView 图片的来源可以是网络、文件、资源和内存 Image.asset(name); Image.file(file)...
flutter学习笔记：布局开发
weixin_46136019的博客
04-13 2007
布局相关组件： 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录布局相关组件：一、pandas是什么？二、练习代码总结 一、pandas是什么？ 布局开发相应组件： Container 容器 二、 练习代码 可供参考 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; ///如何进行flutter布局开发？ class FlutterLayoutPage ex
【Flutter初学踩坑】Row 和 TextField 嵌套后无法显示
天枢破军的博客
10-23 2792
原因：Row 不允许直接嵌套 TextField 解决方案：在 TextField 外面套一层 Expanded 即可 示例代码： Row( children: [ Expanded(child:TextField( decoration: InputDecoration( hintText: "请输入用户名", ), )), ], ), ...
Flutter中Row中不能直接使用textfield控件
fl2502923的博客
04-13 5076
解决方案 class LogingUi extends StatelessWidget { @override Widget build(BuildContext context) { var size = MediaQuery.of(context).size; // TODO: implement build return new Stack( ...
Flutter TextField 在Row中时出现输入字数过多字体被遮挡解决办法
大灰狼的小绵羊哥哥的博客
05-27 1838
如图所示 ： 从图中可以看到 上面的TextFormField输入数据正常 ,下面的字体被遮挡 有一种方法是加高外层父Widget高度 ，但这里外层高度有固定的值 所以需要其他方式 解决办法: 如果外层Container高度固定给Textformfield设置contentpadding 属性 直接上代码： Container(margin: EdgeInsets.only(top: 14,left: 21,right: 21), ...
Flutter 常用系列demo代码
最新发布
09-12
5. **Container**: Container是Flutter中的一个通用组件，可以用来包裹其他组件并提供布局、装饰（如边框和背景色）以及变换效果。它是构建复杂UI的基础。 6. **Flex**、**Row**、**Column**: 这些都是布局组件，...
form_and_validation_flutter:了解Flutter中的制作表单和验证表单
03-14
在Flutter中，我们通常使用`Form` widget来包裹一组`FormField`，这样可以方便地管理和提交整个表单。`Form`有一个关键属性`key`，通常使用` GlobalKey<FormState>`来跟踪表单的状态，这对于提交表单和验证非常有用...
Flutter点餐app静态页面小案例+2022年可运行
03-27
在这个点餐应用中，你可能会遇到各种类型的Widget，如Container（用于包裹其他组件并设置其样式）、Row和Column（用于水平和垂直布局）、TextField（用于输入文本，如用户下单时填写的备注信息）、IconButton（显示...
JetPack-Compose - Flutter 动态UI?
Stay hungry, stay foolish!!
03-18 3685
一、Flutter-初遇 2018-06月左右入坑Flutter,于是拿出美团和痘印等好看的界面感受了一波Flutter UI和绘制等写了三天的Demo也感受到了Flutter强大,当时匆匆忙忙就写了相关Demo上传了Github。不知不觉Github很多Star很开心,接着决定进行录制基础教学视频,在B站也收到了很多感谢私信、技术交流,记得2018年素未谋面的大哥因为我的热心无缘无故送我2018款MacBook Pro-在他的再三坚持下。带着这份感动和感激我也开始写了很多提供初学者一起学习的文章和...
Flutter TextField详解
一花一世界 一叶一菩提
09-24 638
实现TextField说简单也简单，说有坑，坑也不小，下面从易到难介绍一下使用 1.最简单的就是无参数调用构造方法： TextField() 2.光有输入框还不行，还得获取其中的内容，所以需要传递controller： import 'package:flutter/material.dart'; class TextFieldPage extends StatelessWid...
Flutter关于TextField你能知道的一切
weixin_38170561的博客
07-15 862
前言 Hello，大家好这里是一个苦逼的前Android开发，本来Android干的开开心心，但是受到一些影响转行了
一文解决Flutter中使用TextField遇到的各种疑难杂症
wapchief的博客
08-06 3680
####页面中有输入框，键盘弹起，页面溢出 可以使用 SingleChildScrollView 包裹布局 这里还需要了解一个 Scaffold 中的一个属性 resizeToAvoidBottomInset /// If true the [body] and the scaffold’s floating widgets should size /// themselves to avoid the onscreen keyboard whose height is defined by the //
flutter row里面的内容居中
julystroy的博客
05-23 2万+
效果图： 就是深度睡眠和浅度睡眠带着对应的图片显示在中央位置。 new Container( alignment: Alignment.topCenter, child: row,), //row是widget 如此设置，所对应的row居左显示，下面从row里面进行设置。 Widget row = new...
Flutter 基础组件之 Row、Column
禽兽先生不禽兽
12-28 2万+
1 Row Row 是一个可以沿水平方向展示它的子组件的组件。 它还可以灵活布局，如果要让某个子组件填充满剩余剩余空间，请使用 Expanded 组件包裹该组件即可。 Row 组件是不可以滚动的，所以在 Row 组件中一般不会放置过多子组件，如果需要滚动的话应该考虑使用 ListView。 如果需要垂直展示，应该考虑 Column 组件。 如果只有一个子组件的话，应该考虑使用使用 Ali...
flutter报错BoxConstraints forces an infinite width.
m0_47265814的博客
12-28 1542
使用场景是在stack下的position中使用宽度设置时报错的 child:Stack( children:<Widget>[ Positioned( width:double.infinity, height:150, child:Image.asset('images/zsbk.jpg',fit:BoxFit.fitWidth), ), ]) 所以，代码改为 final size = MediaQuery.of(context).size;// 获取屏幕尺寸 Positio
flutter TextField 输入框组件
热门推荐
卓原的进化之旅
09-08 11万+
TextField 顾名思义文本输入框，类似于Ios中的UITextField和Android中的EditText和Web中的TextInput。主要是为用户提供输入文本提供方便。相信大家在原生客户端上都用过这个功能，就不在做具体介绍了，接下来还是具体介绍下Flutter中TextField的用法。 TextField的构造方法： const TextField({ Key ...
Flutter 使用Positioned 时异常BoxConstraints forces an infinite width.
u011050129的博客
02-26 3144
The following assertion was thrown during performLayout(): BoxConstraints forces an infinite width. These invalid constraints were provided to RenderSemanticsAnnotations's layout() function by the fo...
Flutter中的TextFiled不可以直接在Row中使用的问题
分享Android开发知识
07-11 1958
1.直接在Row中使用TextField会报错 flutter: ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════ flutter: The following assertion was thrown during performLayout()...
Flutter TextField IOS 双击、长按 异常
05-20
在Flutter中，TextField默认提供了一些手势处理逻辑，其中双击和长按手势会触发文本选择模式，用于选择文本内容。但是，有时候我们可能需要自定义这些手势的处理逻辑，这时可以使用GestureDetector来处理手势。 如果你想禁用双击手势，可以在TextField外包裹一个GestureDetector，然后禁用onDoubleTap回调函数，如下所示： ```dart GestureDetector( onDoubleTap: null, child: TextField( // ... ), ) ``` 如果你想禁用长按手势，可以设置TextField的selectionControls属性为null，如下所示： ```dart TextField( selectionControls: null, // ... ) ``` 注意，这种方式会同时禁用文本选择模式，如果你需要选择文本内容，可以使用选择插件或者自定义选择逻辑。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值