为什么TextOverflow.Ellipsis无法与我的Text Widget一起使用?

时间:2020-10-30 02:45:26

标签: flutter

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

这是当前外观。即使添加了省略号。

enter image description here

这是呈现所有内容的代码。

                              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
                                              ),
                                            ),
                                          )
                                        ],
                                      ),
                                    ),
                                  ],
                                ),),

1 个答案:

答案 0 :(得分:1)

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

然后...

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

  • 如果无法删除Row小部件,请将Row小部件与Expanded小部件一起包装。