Flutter 如何在不影响背景内容的情况下弯曲底部导航栏角点?颤振
我已经创建了一个自定义的底部导航栏与颤振。但我仍然可以看到白色填充了弯曲角落后面的背景。我想看看背景内容 这是底部导航栏的外观 正如你所看到的,角落里充满了白色 这是我的底部导航条代码Flutter 如何在不影响背景内容的情况下弯曲底部导航栏角点?颤振,flutter,dart,flutter-bottomnavigation,Flutter,Dart,Flutter Bottomnavigation,我已经创建了一个自定义的底部导航栏与颤振。但我仍然可以看到白色填充了弯曲角落后面的背景。我想看看背景内容 这是底部导航栏的外观 正如你所看到的,角落里充满了白色 这是我的底部导航条代码 bottomNavigationBar: Container( decoration: BoxDecoration( color: Colors.transparent, backgroundBlendMode: BlendMode.clear, bo
bottomNavigationBar: Container(
decoration: BoxDecoration(
color: Colors.transparent,
backgroundBlendMode: BlendMode.clear,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(18),
topRight: Radius.circular(18),
),
boxShadow: [
BoxShadow(color: Colors.black38, spreadRadius: 0, blurRadius: 10),
],
),
height: MediaQuery.of(context).size.height * 0.085,
child: ClipRRect(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(18.0),
topRight: Radius.circular(18.0),
),
child: BottomNavigationBar(
backgroundColor: Color(0xFFF0B50F),
type: BottomNavigationBarType.fixed,
selectedLabelStyle: TextStyle(fontSize: 12),
items: [
BottomNavigationBarItem(),
BottomNavigationBarItem(),
BottomNavigationBarItem(),
BottomNavigationBarItem(),
BottomNavigationBarItem(),
],
currentIndex: _selectedPage,
selectedItemColor: Colors.black,
onTap: _onItemTapped,
),
),
),
我尝试将容器的颜色设置为透明。但它不起作用。试试这个:
Scaffold(
extendBody: true,
成功了,先生,谢谢!我不得不在脚手架主体的底部添加一个
SizedBox()
,并添加一些高度,因为当我添加extendBody:true
行时,NavBar停止占用空间。但它现在工作得很好。是的,你需要多做一点工作才能达到完美,对你很好!