如何在单个底部 sheet 中为 flutter app 中的每个屏幕安排迷你音乐播放器

Question

想在每个屏幕的底部显示迷你音乐播放器，但它必须在底部 sheet 这样我就可以在全屏中为图像和控制器的位置设置动画。

这是我的底部栏项目代码

return Scaffold(
    body: tabs[currentTabIndex],
    backgroundColor: ColorConstants.kBackGround,
    bottomNavigationBar: Column(
      mainAxisSize: MainAxisSize.min,
      children: [
        Container(
          margin: const EdgeInsets.all(10),
          width: 100.w,
          height: 60,
          alignment: Alignment.center,
          color: Colors.black38,
          child: Text(
            "Mini Player",
            style: Theme.of(context).textTheme.headline3,
          ),
        ),
        BottomNavigationBar(
          currentIndex: currentTabIndex,
          elevation: 0,
          onTap: (currentIndex) => setState(() {
            currentTabIndex = currentIndex;
          }),
          selectedLabelStyle: const TextStyle(color: Colors.white),
          selectedItemColor: ColorConstants.kDarkFontColor,
          backgroundColor: ColorConstants.kBackGround,
          showSelectedLabels: false,
          showUnselectedLabels: false,
          items: const [
            BottomNavigationBarItem(icon: Icon(Icons.home), label: ""),
            BottomNavigationBarItem(icon: Icon(Icons.search), label: ""),
            BottomNavigationBarItem(icon: Icon(Icons.library_books), label: "")
          ],
        )
      ],
    ),
  );

Answer 1

我稍微研究了一下他的，发现了可以用来解决这个问题的 flutter 包。如果有人知道如何在不使用该软件包的情况下实现这一目标，请提出您的建议。

Mini Player: Flutter Package

如何在单个底部 sheet 中为 flutter app 中的每个屏幕安排迷你音乐播放器

how to arrange mini music player in single Bottom sheet for Every screen in flutter app

animation

flutter

bottom-sheet