所以這里的情況。我想構建一個類似 Spotify 的按鈕,其中顯示圓形頭像,并在其上放置一個圖示按鈕。我想讓圖示盡可能大以覆寫整個頭像,但在嘗試了這個平臺的幾個答案后都失敗了。
所以,這就是我想要的。將圖示按鈕置于頭像中的中心,覆寫圓形頭像的整個大小。我附上了一些截圖和代碼。看看它。
謝謝!
這是代碼
匯入“包:顫振/material.dart”;
類 AddArtistWidget 擴展 StatelessWidget { const AddArtistWidget({Key?key}) : super(key: key);
@override Widget build(BuildContext context) { return Stack( alignment: Alignment.topCenter, children: [ const CircleAvatar( backgroundColor: Colors.black26, radius: 70, ), IconButton( padding: E??dgeInsets.zero, onPressed: () {} , icon: const Icon( Icons.add, size: 100, color: Colors.white, ), ), ], ); } }
這是我的代碼的輸出
這就是我想做的
再次感謝!
uj5u.com熱心網友回復:
Stack( alignment: Alignment.topCenter,
children: [ const CircleAvatar( backgroundColor: Colors.black26, radius: 70, ),
IconButton( padding: EdgeInsets.zero, onPressed: () {},
icon: const Icon( Icons.add, size: 100,
color: Colors.white, ), ), ], );
將其替換為
CircleAvatar(
backgroundColor: Colors.black26,
radius: 70,
child: GestureDetector(
onTap: () {},
child: const Icon(
Icons.add,
size: 100,
color: Colors.white,
),
),
),
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/488075.html
下一篇:條件抖動后如何更改容器中的顏色
