首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >为什么TextOverflow.Ellipsis不像我的文本Widget那样工作呢?

为什么TextOverflow.Ellipsis不像我的文本Widget那样工作呢?
EN

Stack Overflow用户
提问于 2020-10-30 02:45:26
回答 1查看 41关注 0票数 0

我试图使用TextOverflow.Ellipsis来确保某些文本数据不会导致溢出错误。唯一的问题是它似乎不适合我。我添加了属性,但是文本没有被缩短,仍然会导致溢出错误。有谁知道为什么会发生这种情况,以及如何解决?

这就是它目前的样子。即使添加了省略号。

这是将其全部呈现的代码。

代码语言:javascript
复制
                              Expanded(
                                flex: 3,
                                child: Column(
                                  crossAxisAlignment: CrossAxisAlignment.start,
                                  children: [
                                    Padding(
                                        padding: EdgeInsets.only(top: 13, left: 10),
                                        child: Row(
                                          mainAxisAlignment:
                                          MainAxisAlignment.start,
                                          children: [
                                            Text(mileage[index].trippurpose,
                                                style: TextStyle(
                                                    fontSize: 15,
                                                    fontWeight: FontWeight.bold,
                                                    color: Colors.black,
                                                    fontFamily: 'Montserrat'),
                                                overflow: TextOverflow.ellipsis,
                                                softWrap: false,
                                                textAlign: TextAlign.center)
                                          ],
                                        )),
                                    Padding(
                                      padding: EdgeInsets.only(left: 10),
                                      child: Row(
                                        children: [
                                          Text(
                                            '${mileage[index].tripfrom} - ',
                                            style: TextStyle(
                                                color: Colors.black,
                                                fontStyle: FontStyle.italic),
                                          ),
                                          Padding(
                                            padding: EdgeInsets.only(right: 36),
                                            child: Text(
                                              mileage[index].tripto,
                                              overflow: TextOverflow.ellipsis,
                                              style: TextStyle(
                                                color: Colors.black,
                                                fontStyle: FontStyle.italic
                                              ),
                                            ),
                                          )
                                        ],
                                      ),
                                    ),
                                  ],
                                ),),
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-10-30 03:10:10

首先,我总是在这种布局中将maxLines: 1属性添加到Text小部件中。

然后..。

如果可以,请尝试删除小部件.。

如果无法删除

  • 小部件,请将Row小部件与Expanded小部件包装在一起。
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64602055

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档