我做了一個IconButton動作SliverAppBar，但輸出壓縮成橢圓形
actions: [
IconButton(
splashRadius: 23,
icon: Container(
decoration: BoxDecoration(
color: Color(0xFF05122B),
borderRadius: BorderRadius.circular(100)
),
padding: EdgeInsets.all(10),
child: Center(child: Icon(OIcons.share, color: Colors.white, size: 20))
),
onPressed: (){
},
),
],
如果使用shapewith padding，圖示不對齊中心
IconButton(
splashRadius: 23,
icon: Container(
decoration: BoxDecoration(
color: Color(0xFF05122B),
shape: BoxShape.circle
),
padding: EdgeInsets.all(10),
child: Center(child: Icon(OIcons.share, color: Colors.white, size: 20))
),
onPressed: (){
},
),
如果使用shapeand width，height無論設定多少寬度和高度，按鈕尺寸仍然很小。
IconButton(
splashRadius: 23,
icon: Container(
decoration: BoxDecoration(
color: Color(0xFF05122B),
shape: BoxShape.circle
),
height: 50,
width: 50,
child: Center(child: Icon(OIcons.share, color: Colors.white, size: 20))
),
onPressed: (){
},
),
uj5u.com熱心網友回復：
您可以使用CircleAvatar而不是Container
CircleAvatar(
backgroundColor: Color(0xFF05122B),
child: IconButton(
padding: EdgeInsets.all(0),
splashRadius: 23,
icon: Icon(Icons.share, color: Colors.white, size: 20),
onPressed: () {},
),
),
uj5u.com熱心網友回復：
您可以使用shape而不是borderRadiuson BoxDecoration。要增加icon大小，您需要使用iconSize:x
IconButton(
splashRadius: 24,
iconSize: 43,
icon: Container(
alignment: Alignment.center,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: Color(0xFF05122B),
),
child: Center(
child: Icon(Icons.share, color: Colors.white, size: 20),
),
),
onPressed: () {},
),
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/430804.html
標籤：扑