我創建了一個自定義的底部中殿欄，但它周圍仍然有一個空白區域。如何擺脫它？此外，如果我在容器內放置一個按鈕以為其指定高度或寬度，也會發現相同的問題。
影像是：
代碼是：
bottomNavigationBar: ClipRRect(
borderRadius: const BorderRadius.all(Radius.circular(40)),
// clipper: ,
child: Container(
clipBehavior: Clip.hardEdge,
margin: EdgeInsets.all(5.w),
decoration: BoxDecoration(
color: whiteColor,
borderRadius: const BorderRadius.all(Radius.circular(10)),
boxShadow: [
BoxShadow(
color: shadowColor.withOpacity(0.5),
spreadRadius: 5,
blurRadius: 7,
offset: const Offset(0, 3), // changes position of shadow
),
],
),
child: BottomNavigationBar(
currentIndex: pageIndex,
onTap: (int value) {
pageIndex = value;
setState(() {});
},
type: BottomNavigationBarType.fixed,
items: [
BottomNavigationBarItem(
icon: Icon(Icons.home),
label: 'home'.tr,
),
BottomNavigationBarItem(
icon: Icon(Icons.flag_sharp),
label: "add_opportunity".tr,
),
BottomNavigationBarItem(
icon: Icon(Icons.person),
label: 'profile'.tr,
),
],
),
),
),
uj5u.com熱心網友回復：
嘗試擴展體：
return Scaffold(
extendBody: true,
bottomNavigationBar: ClipRRect(
borderRadius: const BorderRadius.all(Radius.circular(40)),
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/388350.html
上一篇：無法理解反應依賴中的問題
下一篇：如何修復自定義輪播的尺寸