在Flutter中使用Bloc和下拉菜单

时间:2019-05-13 18:15:36

标签: dart flutter bloc rxdart

嗨,我是flutter的新手,并且已经通过flutter的大胆课程来构建他们的单位转换器应用程序,以尝试了解该框架。我试图使用bloc构建应用程序,但下拉菜单出现问题。每当我在下拉菜单中更改项目时,当专注于文本输入字段时,它将重置为默认值。看起来像我在关注文本字段时重建的小部件树。默认单位为reset,因为在我的bloc构造函数中,我有一个方法来设置默认单位。我不知道将默认单位方法移动到什么地方,以免发生冲突。只有在设置了不同的类别并首次构建该类别时,我才应该在自己的bloc中设置默认单位。

我尝试使用_currentCatController.stream.distinct方法仅在传递不同的数据时更新流,但似乎也不起作用。我尝试将默认的unit方法包装在各种条件语句中,这些条件语句没有给我想要的结果。

您可以在https://github.com/Renzo-Olivares/Units_Flutter

中找到所有来源
class _ConverterScreenState extends State<ConverterScreen> {
  ///function that creates dropdown widget
  Widget _buildDropdown(
      bool selectionType, ValueChanged<dynamic> changeFunction) {
    print("build dropdown");
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 15.0),
      child: Container(
        decoration: BoxDecoration(
            border: Border.all(color: Colors.black, style: BorderStyle.solid),
            borderRadius: BorderRadius.circular(4.0)),
        child: DropdownButtonHideUnderline(
          child: ButtonTheme(
              alignedDropdown: true,
              child: StreamBuilder<Unit>(
                  stream: _conversionBloc.inputUnit,
                  initialData: widget._category.units[0],
                  builder: (context, snapshotIn) {
                    return StreamBuilder<Unit>(
                        stream: _conversionBloc.outputUnit,
                        initialData: widget._category.units[1],
                        builder: (context, snapshotOut) {
                          return StreamBuilder<Category>(
                              stream: _conversionBloc.currentCategory,
                              initialData: widget._category,
                              builder: (context, snapshotDropdown) {
                                return DropdownButton(
                                  items: snapshotDropdown.data.units
                                      .map(_buildDropdownItem)
                                      .toList(),
                                  value: selectionType
                                      ? snapshotIn.data.name
                                      : snapshotOut.data.name,
                                  onChanged: changeFunction,
                                  isExpanded: true,
                                  hint: Text("Select Units",
                                      style: TextStyle(
                                        color: Colors.black,
                                      )),
                                );
                              });
                        });
                  })),
        ),
      ),
    );
  }
}

class ConversionBloc {
  //input
  final _currentCatController = StreamController<Category>();
  Sink<Category> get currentCat => _currentCatController.sink;

  final _currentCatSubject = BehaviorSubject<Category>();
  Stream<Category> get currentCategory => _currentCatSubject.stream;

  ConversionBloc() {
    print("conversion bloc");
    //category
    _currentCatController.stream.listen((category) {
      print("setting category ${category.name}");
      _category = category;
      _currentCatSubject.sink.add(_category);

      //units default
      setDefaultUnits(_category);
    });
  }

  void setDefaultUnits(Category category) {
    print("setting default units for ${category.name}");
    _inputUnits = category.units[0];
    _outputUnits = category.units[1];
    _inputUnitSubject.sink.add(_inputUnits);
    _outputUnitSubject.add(_outputUnits);
  }
}

0 个答案:

没有答案