我想在这个包装在容器中的标签栏后面添加一个微妙的阴影。我试图添加它,但它没有明显地显示出来。
我必须以这种方式编辑它,因为我必须裁剪条的边缘以使其变圆。
Widget _bottomNavigationBar(int selectedIndex) => ClipRRect(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(52.0), topRight: Radius.circular(52.0)),
child: Container(
height: 90,
decoration: BoxDecoration(
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(82.0),
topRight: Radius.circular(52.0)),
boxShadow: <BoxShadow>[
BoxShadow(
color: Colors.black,
offset: Offset(-5, 5),
blurRadius: 10,
),
],
),
child: ClipRRect(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(52.0),
topRight: Radius.circular(52.0)),
child: BottomNavigationBar(
selectedItemColor: Color(0xFFFE524B),
unselectedItemColor: Color(0xFFFF8C3B),
onTap: (int index) => setState(() => _selectedIndex = index),
currentIndex: selectedIndex,
items: const <BottomNavigationBarItem>[
BottomNavigationBarItem(
icon: Icon(
Entypo.home,
size: 28,
),
title: Text('')),
BottomNavigationBarItem(
icon: Icon(
Entypo.game_controller,
size: 28,
),
title: Text('')),
BottomNavigationBarItem(
icon: Icon(
Entypo.wallet,
size: 28,
),
title: Text('')),
],
),
)),
);
我希望我的标签栏看起来像这样
发布于 2020-01-05 09:25:09
在这里,CLipRRect小部件将你的小部件切成带半径的矩形。您的长方体阴影正在被截断,因为剪裁r矩形
删除剪辑小部件,然后尝试
https://stackoverflow.com/questions/59597629
复制相似问题