在顫動中點擊圖示按鈕時我看不到點擊效果

我創建了一個產品圖塊，并且有一個 IconButton，

當我點擊圖示按鈕時，它不顯示點擊效果（就像點擊時顯示一個圓圈）

我注意到點擊效果顯示在網格的瓷磚后面......

所以我的錯誤是什么......我附上了一張圖片來解釋我的意思......

這是我的高效小部件代碼

class ProductTile extends StatelessWidget {
  final String name;
  final double price;
  final bool isfav;
  final String imageurl;
  final MaterialColor color;

  const ProductTile(
      {Key? key,
      required this.name,
      required this.isfav,
      required this.color,
      required this.imageurl,
      required this.price})
      : super(key: key);

  final double borderradius = 20;

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.all(6),
      child: Container(
        decoration: BoxDecoration(
          border: Border.all(color: Colors.white,width: 2),
          boxShadow: const [
            BoxShadow(
                color: Color.fromRGBO(104, 104, 104, 0.2),
                offset: Offset(3, 4),
                spreadRadius: 1,
                blurRadius: 3)
          ],
          color: color[50],
          borderRadius: BorderRadius.circular(borderradius),
        ),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            //price
            Row(
              mainAxisAlignment: MainAxisAlignment.end,
              children: [
                Container(
                  padding: EdgeInsets.all(8.0),
                  decoration: BoxDecoration(
                      color: color,
                      borderRadius: BorderRadius.only(
                          bottomLeft: Radius.circular(borderradius),
                          topRight: Radius.circular(borderradius))),
                  child: Text(
                    '\$'   price.toString(),
                    style: const TextStyle(
                        fontWeight: FontWeight.bold, fontSize: 16),
                  ),
                ),
              ],
            ),
            Padding(
              //todo cant understand
              padding: const EdgeInsets.symmetric(horizontal: 36, vertical: 12),
              child: Image.asset(imageurl),
            ),
            Text(
              name.toString(),
              style: TextStyle(
                  fontWeight: FontWeight.bold, color: color, fontSize: 20),
            ),
            SizedBox(
              height: 4,
            ),
            Text(
              'Logic',
              style: TextStyle(color: Colors.grey),
            ),
            Padding(
              padding: EdgeInsets.symmetric(horizontal: 4),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  IconButton(
                      onPressed: () {
                        print('cant see click animation');
                      },
                      icon: isfav == true
                          ? Icon(Icons.favorite)
                          : Icon(Icons.favorite_outline)),
                  TextButton(
                      //color: Colors.grey,
                      onPressed: () {}, child: Text('Buy',style: TextStyle(fontSize: 18),))
                ],
              ),
            )
          ],
        ),
      ),
    );
  }
}

uj5u.com熱心網友回復：

移除 Container' 的顏色并使用Material' 的顏色

  child: Material(
        color: color[50],
        child: Container(

你可以檢查這個

標籤：扑颤振布局

上一篇：從List中洗掉Item，Listview.build顯示錯誤資料

下一篇：如何在顫振中運行檔案夾的不同部分（VSCodium）