Flutter实现玻璃态底部导航栏：效果还原遇阻求助

我正在复刻Dribble上的Flutter玻璃态底部导航栏，但实现效果与设计图差距较大，以下是我能写出的最接近的代码片段：

@override
  Widget build(BuildContext context) {
    return ClipRRect(
        child: BackdropFilter(
      filter: ImageFilter.blur(sigmaX: 2, sigmaY: 2),
      child: BottomNavigationBar(
        type: BottomNavigationBarType.fixed,
        items: const <BottomNavigationBarItem>[
          BottomNavigationBarItem(
            icon: Icon(CupertinoIcons.home),
            label: 'Home',
          ),
          BottomNavigationBarItem(
            icon: Icon(CupertinoIcons.compass),
            label: 'Explore',
          ),
          BottomNavigationBarItem(
            icon: Icon(CupertinoIcons.bolt),
            label: 'Workout',
          ),
          BottomNavigationBarItem(
            icon: Icon(CupertinoIcons.zzz),
            label: 'Meditation',
          ),
          BottomNavigationBarItem(
            icon: Icon(CupertinoIcons.person),
            label: 'Profile',
          ),
        ],
        currentIndex: 0,
        onTap: (index) {
          //
        },
        backgroundColor: const Color(0x00181818).withOpacity(0.9),
        unselectedItemColor: Colors.white.withOpacity(0.5),
        selectedItemColor: const Color(0xFFF6E71D),
        elevation: 0,
      ),
    ));
  }

我已查阅相关资料，但未找到简便实现技巧，现有方案要么过于复杂，要么无法达到预期效果。原设计图：

内容的提问来源于stack exchange，提问作者James Wong