小编Leo*_*Lyo的帖子

如何处理 Flutter 中堆栈内列内行的溢出?

我正在尝试创建一个简单的堆栈列表,出于特定的设计原因,它具有以下结构:

Padding 内 Padding 内 Column 内 Container 内 Positioned inside a Stack 内的文本(尽管我认为 Card 部分与问题无关)。

问题如下:Text Widget里面的String一旦超过一定的字符数就会溢出,如下图所示:

在此处输入图片说明

我试过用一个灵活的(或扩展的)小部件包装文本、行、列小部件等,但我收到一条错误消息,指出“灵活的小部件必须放置在 Flex 小部件内”。我很确定我对我正在使用的小部件缺乏一些知识,但是我无法在 flutter dev 网站上找到这些知识,因此我决定在这里发布问题。这是 Stack 所在的 Card 项目的代码(我没有粘贴整个类,因为其他方法和构造函数不需要复制有问题的错误,我不希望人们被阅读与问题无关的代码):

@override
  Widget build(BuildContext context) {
    return Card(
      child: Stack(
        children: <Widget>[
          Container(
            alignment: Alignment.center,
            padding: EdgeInsets.only(bottom: 20.0),
            decoration: BoxDecoration(
              border: Border.all(width: 3.5, color: Colors.black87),
              shape: BoxShape.circle,
              image: DecorationImage(
                fit: BoxFit.cover,
                image: this.image ??
                    AssetImage(
                      'images/rolph.jpg',
                    ),
              ),
            ),
          ),
          Positioned(
            bottom: 0.0,
            left: 0.0,
            right: 0.0,
            child: Container(
              decoration: BoxDecoration(
                color: Colors.white, …
Run Code Online (Sandbox Code Playgroud)

flutter flutter-layout

4
推荐指数
1
解决办法
4356
查看次数

标签 统计

flutter ×1

flutter-layout ×1