我在像素溢出的颤动中遇到此错误。任何解决方案。附上溢出的图片

Posted 2023-02-23

【中文标题】我在像素溢出的颤动中遇到此错误。任何解决方案。附上溢出的图片

【英文标题】：I am getting this error in flutter where the pixels are overflowing .Any solution.Picture of the overflow is attached

【发布时间】：2021-12-21 08:15:52

【问题描述】：

import 'package:flutter/material.dart';
import 'package:intl/intl.dart';

import '../providers/orders.dart' as ord;

class OrderItem extends StatefulWidget 
  final ord.OrderItem order;

  OrderItem(this.order);

  @override
  _OrderItemState createState() => _OrderItemState();


class _OrderItemState extends State<OrderItem> 
  var _expanded = false;

  @override
  Widget build(BuildContext context) 
    return AnimatedContainer(
      duration: Duration(milliseconds: 300),
      height:
          _expanded ? min(widget.order.products.length * 20.0 + 150, 300) : 95,
      child: Card(
        margin: EdgeInsets.all(10),
        child: Column(
          children: <Widget>[
            ListTile(
              title: Text('\$$widget.order.amount'),
              subtitle: Text(
                DateFormat('dd/MM/yyyy hh:mm').format(widget.order.dateTime),
              ),
              trailing: IconButton(
                icon: Icon(_expanded ? Icons.expand_less : Icons.expand_more),
                onPressed: () 
                  setState(() 
                    _expanded = !_expanded;
                  );
                ,
              ),
            ),
            AnimatedContainer(
              duration: Duration(microseconds: 300),
              padding: EdgeInsets.symmetric(horizontal: 15, vertical: 4),
              height: _expanded
                  ? min(widget.order.products.length * 20.0 + 10, 100)
                  : 0,
              child: ListView(
                children: widget.order.products
                    .map(
                      (prod) => Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: <Widget>[
                          Text(
                            prod.title,
                            style: TextStyle(
                              fontSize: 18,
                              fontWeight: FontWeight.bold,
                            ),
                          ),
                          Text(
                            '$prod.quantityx \$$prod.price',
                            style: TextStyle(
                              fontSize: 18,
                              color: Colors.grey,
                            ),
                          )
                        ],
                      ),
                    )
                    .toList(),
              ),
            )
          ],
        ),      ),
    );
  

我收到溢出错误，这是一个商店应用程序，如果有任何解决方案请提供给我并且它显示此颤动代码的溢出错误，我无法修改代码以消除错误

p>

【参考方案1】：

考虑使用 MediaQuery 根据您的显示尺寸调整小部件的大小。 您也可以尝试使用 Expanded 小部件或调整 AnimatedContainers 的 height 属性。