如何根据音乐路径/标题值控制Flutter悬浮按钮（含迷你播放器）的显隐？

核心逻辑很简单：Flutter的Scaffold组件中，只要floatingActionButton的取值为null，按钮就会自动隐藏。所以我们只需要通过条件判断，在没有有效音乐数据时返回null，有数据时返回你的迷你播放器组件即可。

具体实现步骤：

• 首先在你的页面State类里，添加状态变量来跟踪播放数据，比如：

  String? _currentMusicUrl;
  String? _currentMusicTitle;
  

• 当用户点击歌曲或者收到外部传入的音乐数据时，调用setState更新这些变量：

  // 示例：点击歌曲时的处理逻辑
  void onSongTap(String url, String title) {
    setState(() {
      _currentMusicUrl = url;
      _currentMusicTitle = title;
    });
  }
  

• 最后修改Scaffold中的floatingActionButton属性，加入条件判断：

  floatingActionButton: (_currentMusicUrl != null && _currentMusicUrl!.isNotEmpty 
                      && _currentMusicTitle != null && _currentMusicTitle!.isNotEmpty)
                  ? _playerControl(context)
                  : null,
  

这样一来，只有当_currentMusicUrl和_currentMusicTitle都不为空且有效时，迷你播放器的FloatingActionButton才会显示；没有数据时会自动隐藏。你也可以根据实际需求调整判断条件，比如只需要判断音乐路径是否存在，就简化成_currentMusicUrl?.isNotEmpty == true即可。

内容的提问来源于stack exchange，提问作者Ashish Magar