首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >创建流服务,通过streambuilder向小部件发送URL

创建流服务,通过streambuilder向小部件发送URL
EN

Stack Overflow用户
提问于 2020-07-30 18:53:18
回答 1查看 517关注 0票数 0

我有一个工作得很好的音乐播放器,但是我想把音乐播放器小部件放在一个StreamBuilder中,并有一个字符串,它是要在流中播放的音乐的url,并将该url传递到音乐播放器的构造函数中。因此,每当url流发生变化时,音乐播放器的内容就会发生变化。

我的简单音乐剧服务班:

代码语言:javascript
运行
复制
class MusicPlayerURLService {
  String url = '';

  String get(){
    return url;
  }

  void set(String newUrl) {
    url = newUrl;
  }
}

音乐播放器小部件的构造函数:

代码语言:javascript
运行
复制
StreamBuilder(
            stream: MusicPlayerURLService().get(),
            builder: (BuildContext context, AsyncSnapshot snapshot) {
              if (snapshot.connectionState == ConnectionState.active) {
                var user = snapshot.data;
                if (user == null) {
                  return Container(width: 20);
                }
                return MusicPlayer(url: snapshot.data.url);
              }
              return Container(width: 20);
            }),

然后,在另一个视图中,我将有一个按钮来调用MusicPlayerURLService中的set方法,并设置一个新的URL。

目前,流生成器抛出并出错,因为url服务中的get方法不是流。

我很难想出解决这个问题的一般想法。我能用个提供者吗?

编辑

urls将来自如下按钮:

代码语言:javascript
运行
复制
FlatButton(
  onPressed: () => MusicPlayerURLService().set("songOneUrl"),
  child: Text("Play Song One"),
)
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-07-30 19:25:55

有必要创建自己的Stream来完成这一任务。在这种情况下,最好的方法可能是使用StreamController

您应该添加一个StreamController作为MusicPlayerURLService的一部分,并在构造函数中实例化它。在设置新URL时,应该告诉控制器将其添加到流中。要从StreamController获取流,请创建一个返回controller.stream的新方法。

例如。

代码语言:javascript
运行
复制
class MusicPlayerURLService {
  String url = '';
  StreamController<String> controller;

  MusicPlayerURLService() {
    controller = StreamController();
    controller.add(url);
  }

  String get(){
    return url;
  }

  Stream<String> getStream() {//Use this in your StreamBuilder
    return controller.stream;
  }

  void set(String newUrl) {
    url = newUrl;
    controller.add(url);
  }
}

此方法涉及将相同的MusicPlayerURLService对象传递到它需要使用的任何地方。您可以让必要的部件保持静态状态,如下所示:

代码语言:javascript
运行
复制
class MusicPlayerURLService {
  static StreamController<String> controller = StreamController();

  static Stream<String> getStream() {//Use this in your StreamBuilder
    return controller.stream;
  }

  static void set(String newUrl) {
    controller.add(newUrl);
  }
}

或者,如果您认为有必要,可以使用Provider包使对象的单个实例在整个树中可用。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63179574

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档