Flutter 没有固定宽度的小部件可以约束文本小部件吗

发布于08月09日

Container(
   child: Row(
     children:[
       Container(  //icon in the left side
          height: 50,
          widget: 50,
          color: Colors.green,
          child: Icon...
       ),  
       Container( //container text
         //width:200, if I set this width
         child:Text('a long text inside here...',
           textAlign: TextAlign.justify,
         ),//long text here
       ), 
     ],

上面的代码只是解释我的问题的一个示例. 我将这个小部件称为列中的小部件.因此，该列限制了该小部件的宽度.到目前一切尚好.此小部件的高度在图标Container(50)中设置.这个"长"文本适合这个区域，所以不是很大，只是一个描述.例如，如果将图标容器中的高度设置为80，将容器中的宽度设置为280就足够了.足够做定格的布局了.

如下图所示:

问题是长文本不限于Container(Text)中.文本在一行中溢出容器.如果我设置这个容器的宽度，文本可以正常工作，包括对齐.

固定布局没有问题，但我正在做一个响应性的布局.因此，这个小部件需要灵活，才能适合我的专栏.

我真的需要把这个宽度修好，还是我们可以做这个工作？谢谢.

Container( child: Row( children: [ Container( height: 50, width: 50, color: Colors.green, child: Icon(...), ), Expanded( child: Container( child: Text( 'a long text inside here...', textAlign: TextAlign.justify, ), ), ), ], ), )

Flutter 没有固定宽度的小部件可以约束文本小部件吗

推荐答案

Flutter相关问答推荐

如何使用Firebase Firestore来获取外部集合中的文档子集合中的文档

Dexing时出错.将Flutter 升级到3.19.0后

为什么Riverpod生成器在这种情况下不生成AsyncNotiator？

在框中保存对象列表时，类型推断无法正常工作

Flutter /dart 列表.第一个子类列表中的Where()错误

如何从RealmResults获取Flutter Flutter 流？

Flutter Xcode 15 错误(Xcode)：DT_TOOLCHAIN_DIR 无法用于判断 LIBRARY_SEARCH_PATHS

如何在 Flutter 中以背景 colored颜色制作圆圈的一部分

TextField 中的富文本并获取 RenderParagraph

在 flutter 的列中使用 Expanded 时出现渲染 Flex 错误

Flutter http 请求获取 null

Dart/Flutter 泛型：类型 '(SearchFilterItemModel) => String' 不是类型 '(SearchFilterItemModel) => String' 的子类型

NotifierProvider 每次更新都会重新构建并且值不更新

你如何在 Flutter 中组合两个数组？

如何按值对列表中的 map 进行排序

我可以使用 Future 来填充Text() 小部件而不是在 Flutter 中使用 FutureBuilder 吗？

Flutter 中的 Firebase 后台消息处理程序产生重复的隔离并运行应用程序两次

扫描flutter生成的二维码后如何弹出文本字段值

setState 不会在第一次更新 - Flutter

如何将所有行项目平等地放在一行中？Flutter