Flutter中的Text控件，没有换行

最新推荐文章于 2024-04-03 17:06:26 发布
最新推荐文章于 2024-04-03 17:06:26 发布
阅读量9.3k 收藏 1
点赞数 1
分类专栏： flutter View android 文章标签： flutter android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014627313/article/details/102729213
版权
android 同时被 3 个专栏收录
28 篇文章 0 订阅
订阅专栏
flutter
14 篇文章 1 订阅
订阅专栏
View
11 篇文章 0 订阅
订阅专栏

Flutter中的Text控件，没有换行

首先想到的是：softWare设置为true，maxLine设置为2或者更多，overflow设置文字超出屏幕的显示方式，然而这些都不好使。

再百度后，说使用Expanded包裹下Text，也不好使。

最后，再看下嵌套结构，这个布局嵌套了很多Column和Row，于是我使用Expanded包裹下上一层的Column的，神奇的好了，

思考片刻，发现，当这个Text超出屏幕时，不只是他自己控件上显示黄色警告，在它父布局上也有，说明时父布局超出了，就应该修改父布局的显示问题！

总结，必须看准黄色警告是在哪个布局或者控件，来达到准备的修改！

solomanlove
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
flutter TextField换行自适应的实现
08-25
主要介绍了flutter TextField换行自适应的实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
flutter Text 未自动换行 ？？
studer_rui的博客
06-02 1517
3. 嵌套在不支持文本换行的布局中：如果Text Widget嵌套在不支持文本换行的布局中，例如Row、Wrap等，那么文本也不会自动换行。在这种情况下，可以使用Expanded组件来让Text Widget自动换行。1. 没有限制Text Widget的宽度：如果没有限制Text Widget的宽度，它会无限延伸，因此文本不会自动换行。综上所述，如果您想使Text Widget自动换行，请检查容器的宽度设置，设置maxLines属性或使用softWrap属性，并考虑嵌套在支持文本换行的布局中。
Flutter笔记（11）flutter中wrap按宽高自动换行布局
最新发布
m0_54926105的博客
04-03 873
Chip(//添加圆形头像‘武大郎’,),),),label: Text(‘武大郎脆饼’),),Chip(//添加圆形头像‘西毒’,),),),label: Text(‘东邪西毒’),),Chip(//添加圆形头像‘杨6郎’,),),),label: Text(‘杨6郎扛枪’),),Chip(//添加圆形头像‘武松’,),),),label: Text(‘武松打虎’),
Flutter Text或者RichText不换行的问题
weixin_30448603的博客
08-14 2412
如果它是您要包装的单个文本小部件，则可以使用Flexible或Expanded小部件。 Expanded( child: Text('Some lengthy text for testing'), ) 要么 Flexible( child: Text('Some lengthy text for testing'), ) 需要使用Expanded...
flutter中Text文本长度超过父组件Row的长度时，未自动换行
androidhyf的博客
03-20 413
【代码】flutter中Text文本长度超过父组件Row的长度时，未自动换行。
Flutter中text文本换行
热门推荐
qq_42945853的博客
04-22 1万+
如text中的文本可能会很长，则可能会出现父组件越界问题，这是单纯修改子的布局或者设置text的换行不解决问题，可以考虑使用flexble或者expanded组件。 这两个组件都需要作为row或者column的子组件使用，如主轴空间不够用，则会自动扩充至次轴，实现自动换行。 Expanded会尽可能的充满分布在Row, Column, or Flex的主轴方向上； Flexible也是为小部件提供空间的，但是不会要求子空间填满可用空间。 使用Flexible的例子： new Row( mainAx
Flutter自定义控件之图片裁剪框
01-10
Flutter自定义控件之图片裁剪框
Flutter样式和布局控件简析
03-01
但是在Flutter里面，是没有CSS这样一个概念的，布局和样式都可能会是一个组件或者是组件里面的属性所定义和实现的，对于习惯写样式的前端同学可能需要适应一下。现在可能要想一下，Flutter为啥没有像浏览器一样抽离...
Flutter 分页功能表格控件详细解析
08-19
Flutter的分页功能表格控件，即`PaginatedDataTable`，是一个强大的组件，用于展示大量数据并支持分页操作。这个控件对于构建数据密集型的应用程序，如报表或者管理界面，尤其有用。在本文中，我们将深入探讨`...
FlutterRatingbar:Flutter自定义评分控件
05-02
知乎了解下:Flutter自定义评分控件效果如下：
flutter之文本——Text
wangsf789的专栏
06-26 1847
前言 我是一名Android工程师，近期开始学习flutter。以此作为学习记录，亦供小伙伴们交流，共同学习。 正文 例一 学习一门新的语言，第一个呈现基本都是“hello world”。那么我们知道这个是文本显示的。所以第一个我们学习Text,话不多说，直接上代码： import 'package:flutter/material.dart'; void main() { ru...
Flutter Text
老孟Flutter
12-05 3150
文章目录1、Text2、TextStyle3、textSpan 学习一个Widget的使用最好的办法就是直接看源码的注释，基本的用法里面都介绍清楚了。 Text有2个构造函数，属性仅仅有9个，非常简单的一个控件。 1、Text 属性 说明 textAlign 对齐：left、start、right、end、center、justify textDirection TextD...
flutter的Text内容自动换行导致留白问题
周末
01-19 5201
flutter的文本内容在中英文混排，或中文与数字或特殊符号或英文字母时，文本会被自动换行，这样会导致，换行后上一行末尾留出很大的空白区域。 解决思路： 1、把每个字符插入一个0宽的字符， \u{200B} import 'package:characters/characters.dart'; class Strings { ///防止文字自动换行 static String autoLineString(String str){ if(checkStrNoEmpty(str)){
Flutter Text自动换行，全网独一份
星光的专栏
01-28 1万+
网上搜不到，长时间探索，得出的结论，不容易。 1、问题介绍 Flutter的Text默认不支持自动换行，如果文字过长，会溢出到屏幕之外。 例如这样的布局，此时Text换行失效： Row->Column->Text 2、如何实现换行？ （1）找到Text被包裹的所有Row（必须是Row），在Row内部，使用Expanded包住里面的元素（只包裹住通往Text那条线上的元素就行） （2）同时为Text套一个约束盒，ConstrainedBox，指定一个最大高度就好了。 这样解决了
flutter 阿里 号码认证_我对Flutter的第一次失望
weixin_39597318的博客
10-21 285
老孟导读：此文翻译自：https://medium.com/@suragch/my-first-disappointment-with-flutter-5f6967ba78bf 我喜欢Flutter。我喜欢开发一次并让代码在Android和iOS上运行。我喜欢节省多少时间。我喜欢现在成为一名Web开发人员，而无需做任何额外的工作。我喜欢hot reload。我喜欢通过将小部件组合到布局中来快速...
Flutter输入框超过规定字数换行显示
u012482065的博客
04-06 6200
int maxline;//在创建页面之前定义一个全局变量 new TextField( maxLength: 100, maxLines: 3, textAlign: TextAlign.center, style: new TextStyle(color: AppC...
Flutter RichText换行问题(未解决)
kgdtl的博客
05-22 1880
Container( width: 100, child: RichText( text: TextSpan(children: [ TextSpan( text: '你好: ', style: CommonTextStyle.text16, ), TextSpan( text: _str, .
flutter Text文本，中英文混合，或则英文单词自动换行处理
lhj_android的博客
08-16 3090
之前在安卓原生遇到过，当中英文混合，或者中文与数字或者特殊符号，或则英文单词时，文本会被自动换行，这样会导致，换行时上一行可能会留很大的空白区域，今天群里也有人问题过此种情况。 下面给出我在项目中的解决方案，当然有更好的解决方案也希望能分享分享。 解决思路是把每个字符插入一个0宽的字符，大家网上搜索也能搜索带是什么是0宽字符 \u{200B} 于是我们可以对String进行一下扩展方便后续使用 下面是我对String的一个扩展实现 import 'package:characters/characters.
flutter中，如何控制Text控件的换行
03-08
您可以使用Text控件的softWrap属性来控制文本是否自动换行。如果将其设置为true，则文本将自动换行，否则将在一行中显示。另外，您还可以使用Text控件的maxLines属性来限制文本的最大行数。如果将其设置为null，则文本将自动换行，否则将在指定的行数内显示。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值