在Flutter中使用Stream Builder时出现错误

时间:2019-12-20 13:41:50

标签: flutter dart stream behaviorsubject stream-builder

我正在使用Flutter开发移动应用。我正在为此屏幕使用流生成器。我没有弄清楚代码中的错误。你能帮我吗我正在为此问题的特定行共享代码和屏幕截图

 var timeSelected = 'Click here';

Row(
                          mainAxisAlignment: MainAxisAlignment.start,
                          children: <Widget>[
                            Text(
                              'Time Slot:',
                              style: TextStyle(color: Colors.white),
                            ),
                            Spacer(),
                            GestureDetector(
                              onTap: () {
                                _asyncInputDialog(context);
                                //_displayDialog();
                              },
                              child: StreamBuilder(stream: cartManager.getTimeSlotSelected,
                                initialData: timeSelected,
                                builder: (context, AsyncSnapshot snapshot) {
                                if (snapshot.hasData){
                                 timeShow(snapshot,);
                                }
                                else if (snapshot.hasError) {
                                  return Text(snapshot.error.toString());
                                  }
                                  return Center(
                                  child: Container(
                                  child: Text('Select time slot'),
                                  ),
                                  );
                              },)
                            ),
                          ],
                        ),

当我单击行文本时,将显示此警报对话框:

   _asyncInputDialog(
        BuildContext context,
      ) {
        return showDialog(
            context: context,
            builder: (context) {
              return AlertDialog(
                title: Center(child: Text('Available Time Slot')),
                content: TEAlertDialogContent(),
                actions: <Widget>[
                  new FlatButton(
                    child: new Text('CANCEL'),
                    onPressed: () {
                      Navigator.of(context).pop();
                    },
                  )
                ],
              );
            });
      }

当我从showdialog获取值时,我会将值存储在CartManager中存在的streamcontroller中。

 static StreamController<Timeslot> timeSlotController = BehaviorSubject();

  timeSlotSelected(Timeslot time){
    timeSlotController.sink.add(time);
  }

  get getTimeSlotSelected{
    return timeSlotController.stream;
  }

然后在streamcontroller的stream属性中调用上述方法并获取快照。当我们的快照包含数据时,将调用此方法:

  Widget timeShow(AsyncSnapshot<Timeslot> snapshot ) {
    timeSelected = '${snapshot.data.firstTimeSlot}-${snapshot.data.secondTimeSlot}';
    timeslotid = snapshot.data.id.toString();
    return Text(timeSelected);
  }

但是我遇到错误:类型“ BehaviorSubject”不是类型“ Stream”的子类型 请让我知道我错了。我也分享了显示此错误的屏幕截图。error screenshot

1 个答案:

答案 0 :(得分:0)

由于您的错误状态,您正在尝试将类型Timeslot传递给期望流类型为String的Stream构建器。您必须检查哪一个是正确的(字符串或时隙),并在两侧使用相同的类型。 显然,您的问题出在timeSelected变量中。它在哪里定义?如果这是一个String,则Stream构建器将推断您的流是String类型的,这是不正确的。您必须将此变量设置为时间段,因为这是您的流类型。

此外,您的代码中有一个错误。如果快照包含数据,则必须返回要呈现的小部件。检查以下代码:

StreamBuilder(stream: cartManager.getTimeSlotSelected,
                            initialData: timeSelected,
                            builder: (context, AsyncSnapshot snapshot) {
                            if (snapshot.hasData){
                             return timeShow(snapshot,);
                            }
                            else if (snapshot.hasError) {
                              return Text(snapshot.error.toString());
                              }
                              return Center(
                              child: Container(
                              child: Text('Select time slot'),
                              ),
                              );
                          },)