在 flutter 应用程序的每个视图的底部显示音乐播放器

Pas*_*uwa 7 flutter flutter-layout flutter-animation

我是 flutter 新手,我需要知道如何在 flutter 应用程序的每个视图上显示音乐播放器。你能指导我这样做吗,因为我正在颤抖地使用底部的床单,而且似乎它不符合我的目的。

在此输入图像描述

这里我只需要添加显示音乐播放的底部小部件。

Oro*_*hiX 3

一种可能性是bottomNavigationBar在您的全局中使用 a Scaffold

在您的 中body,您必须创建一个新的导航堆栈,以便导航仅更改正文(而不替换整个Scaffold)。

它看起来像这样:

class MusicApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      bottomNavigationBar: PlayerBottomBar(), // this is where you put your player bar
      body: Navigator(
        onGenerateRoute: (settings) {
          return MaterialPageRoute(
            builder: (context) {
              // todo return a screen... ,
            },
            settings: settings,
          );
        },
      ),
    );
  }
}
Run Code Online (Sandbox Code Playgroud)