如何在Flutter中显示整个芯片文本

Question

我正在尝试在我的 flutter 芯片中显示整个文本，但由于某种原因，如果文本比芯片长，它就会褪色，所以如果我能获得有关如何在不显示整个全文的情况下显示整个全文的任何帮助，我将非常感激褪色了吗？.

  Widget _widgetToAdd(String i) {
    return Container(
      alignment: Alignment.center,
      margin: EdgeInsets.all(2),
      height: height * 0.05,
      width: 100,
      decoration: BoxDecoration(borderRadius: BorderRadius.circular(20)),
      child: Chip(
        label: Text(
          i,
          style: TextStyle(
              color: Colors.black, fontSize: 16, fontWeight: FontWeight.bold),
        ),
        backgroundColor: Theme.of(context).accentColor,
      ),
    );
  }

  for (var i = 0; i < listOfTages.length; i++) {
    list.add(_widgetToAdd(listOfTages[i]));
  }

  return Wrap(children: list);
}

Answer 1

删除或增加父级的

width

属性

Container

Container(
  alignment: Alignment.center,
  margin: EdgeInsets.all(2),
  height: height * 0.05,
  decoration: BoxDecoration(borderRadius: BorderRadius.circular(20)),
  child: Chip(
    label: Text(i, style: TextStyle(
      color: Colors.black,
      fontSize: 16,
      fontWeight: FontWeight.bold,
    ),),
    backgroundColor: Theme.of(context).accentColor,
  ),
)

Answer 2

芯片的标签默认值为TextOverflow.fade

您可以像这样覆盖这个值：

Widget _widgetToAdd(String i) {
    return Container(
      alignment: Alignment.center,
      margin: EdgeInsets.all(2),
      height: height * 0.05,
      width: 100,
      decoration: BoxDecoration(borderRadius: BorderRadius.circular(20)),
      child: Chip(
        label: Text(
          i,
          overflow: TextOverflow.visible,
          style: TextStyle(
              color: Colors.black, fontSize: 16, fontWeight: FontWeight.bold),
        ),
        backgroundColor: Theme.of(context).accentColor,
      ),
    );
  }

  for (var i = 0; i < listOfTages.length; i++) {
    list.add(_widgetToAdd(listOfTages[i]));
  }

  return Wrap(children: list);
}

Answer 3

maxLines: 2,
overflow: TextOverflow.ellipsis,

这对我有用。这不是应用省略号时的预期行为。但它仍然像剪辑一样工作。