Flutter - 如何修复卡片中的文本溢出?

标签 flutter dart flutter-layout

我正在构建一个应用程序,我想显示此文本,但我需要设置一些“限制”以免发生这种情况:
card with overflow
所以,我尝试了一些东西(比如 SizedBox 来限制文本,AutoSizeText 来改变字体大小......但我不知道如何限制这个并使这个响应),但无济于事。
这是卡的代码:

Card(
    child: Container(
      height: 120,
      child: Padding(
        padding: EdgeInsets.only(
          left: 15,
          right: 15,
          top: 10,
          bottom: 10,
        ),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: <Widget>[
            ClipOval(
              child: Image.network(
                pedido.logomarca,
                height: 90,
                width: 90,
              ),
            ),
            Padding(
              padding: EdgeInsets.only(left: 20),
              child: Column(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: <Widget>[
                  SizedBox(
                    child: AutoSizeText(
                      pedido.nomefantasia.toUpperCase(),
                      style: TextStyle(
                        fontWeight: FontWeight.bold,
                      ),
                    ),
                  ),
                  Row(
                    children: <Widget>[
                      ClipOval(
                        child: Container(
                          height: 10,
                          width: 10,
                          color: Colors.green,
                        ),
                      ),
                      Padding(
                        padding: EdgeInsets.only(
                          left: 8,
                        ),
                        child: Text(
                          pedido.statuspedidodescricao,
                          ),
                        ),
                      ),
                    ],
                  ),
                ],
              ),
            ),
            Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Text(
                    DateFormat('dd/MM/yyyy').format(pedido.datavenda),
                    style: TextStyle(
                      color: Colors.blueGrey,
                      fontSize: 14,
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.only(top: 10),
                    child: Text(
                      'R\$ ${pedido.valortotal.toStringAsFixed(2).replaceAll('.', ',')}',
                      style: TextStyle(
                        color: Colors.green[600],
                        fontSize: 16,
                      ),
                    ),
                  ),
                  telefone
                      ? OutlineButton(
                          onPressed: () {},
                          splashColor: Colors.green,
                          highlightColor: Colors.green,
                          highlightedBorderColor: Colors.green,
                          child: Row(
                            mainAxisAlignment:
                                MainAxisAlignment.spaceBetween,
                            children: <Widget>[
                              Text('Ligar'),
                              Padding(
                                padding: EdgeInsets.only(left: 3),
                                child: Icon(
                                  Icons.call,
                                  size: 15,
                                ),
                              ),
                            ],
                          ),
                        )
                      : Container(),
                ],
              ),
            ),
          ],
        ),
      ),
    ),
  ),

最佳答案

AutoSized 文本有一个您需要设置的参数。最大线数:2

AutoSizeText(
  pedido.nomefantasia.toUpperCase(),
  maxlines: 2,
  style: TextStyle(
    fontWeight: FontWeight.bold,
  ),
),
Documentation

关于Flutter - 如何修复卡片中的文本溢出?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62841048/

相关文章:

wordpress - Dart Flutter - 使用 Chopper 获取 WordPress 自定义帖子类型

regex - ReplaceAll 和 ReplaceAllMapped 无法正常工作

dart - 下拉选择不与Flutter一起显示

android - 函数在 android 中返回负值,但在 flutter 应用程序中的 web 上返回正值

flutter - 即使在插入值后 TextFormField 也会显示错误消息(使用 Form Flutter)

android-studio - Dart/Flutter防止格式化程序将方法调用压缩到一行

flutter - 如何在布局中随机放置小部件

flutter - 如何在Flutter中从API选择索引并将其分别删除?

Flutter 全屏应用程序。摆脱Android应用程序底部的空白区域

flutter - 错误 查找已停用小部件的祖先是不安全的