Question

我有一个页面，使用Bloc从上方的搜索栏中获取文字，然后根据输入的文字过滤下方的列表。

当我第一次进入页面时，Bloc和流都按预期方式工作，但是，当我弹出它并返回页面时，我可以看到数据正在通过接收器添加添加到bloc中，但是streambuilder不会自行重建，它似乎不再在监听流，idk。

这是我遇到麻烦的页面（特征）的地方

List<Widget> _steps = [
    CharacteristicsProvider(child: Characteristics()),
    Optionals(),
    Prices(),
    Advertiser(),
    Photos(),
  ];

  Widget build(context) {
    var mediaQD = MediaQuery.of(context);
    _safeAreaSize = mediaQD.size;
    return WillPopScope(
      onWillPop: _willPopCallback,
      child: Scaffold(
          backgroundColor: Color(0xffEFEFEE),
          appBar: AppBar(
            title: Text("Criar Anúncio"),
          ),
          body: SingleChildScrollView(
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                _getStepProgress(),
                _steps[_curPage - 1],
              ],
            ),
          ),
    );
  }

在此页面上，调用sink.add后，StreamBuilder不会自行重建：

class _SelectionPageState extends State<SelectionPage> {
  SearchBarBloc bloc;

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    bloc = SearchBarProvider.of(context);
  }

  @override
  void dispose() {
    super.dispose();
    bloc.dispose();
  }

  Widget build(context) {
    List<String> sortedList = widget.list;
    if (!widget.isOrdered) {
      sortedList.sort();
    }

    return Scaffold(
      backgroundColor: Color(0xffECECEC),
      appBar: AppBar(
        title: widget.title,
      ),
      body: Column(
        children: <Widget>[
          SearchBar(
            onTextChange: (s) {
              bloc.changeText(s);
            },
          ),
          Container(
            margin: EdgeInsets.only(top: 20),
            child: buildList(bloc: bloc, sortedList: sortedList),
          ),
        ],
      ),
    );
  }

  Widget buildList({SearchBarBloc bloc, List<String> sortedList}) {
    return StreamBuilder(
        stream: bloc.text,
        builder: (context, snapshot) {
          print("data1");
          List filteredList =
              filterList(text: snapshot.data, sortedList: sortedList);
          return ListView.builder(
            itemCount: filteredList.length,
            itemExtent: 55,
            shrinkWrap: true,
            itemBuilder: (context, index) {
              return Container(
                decoration: BoxDecoration(
                  border: Border(bottom: BorderSide(color: Colors.black38)),
                  color: Colors.white,
                ),
                child: ListTile(
                  title: Text(filteredList[index]),
                  onTap: () {
                    bloc.clearText();
                    widget.onTap(widget.list.firstWhere(
                        (element) => element.contains(filteredList[index])));
                    Navigator.pop(context);
                  },
                ),
              );
            },
          );
        });
  }

  /// Filters the list based on search bar's text.
  List filterList({String text, List<String> sortedList}) {
    if (text == null || text == "") {
      return sortedList;
    }
    var filteredList = sortedList
        .where((element) => element.toLowerCase().contains(text.toLowerCase()))
        .toList();
    return filteredList;
  }
}

最后，这是我的Bloc页面：

import 'dart:async';
import 'package:rxdart/rxdart.dart';

class SearchBarBloc {
  final _text = PublishSubject<String>();

  // listen to stream
  Observable<String> get text => _text.stream;

  // Changing data
  Function(String) get changeText => _text.sink.add;

  clearText() {
    changeText("");
  }

  dispose() {
    _text.close();
    _text.sink.close();
  }
}

我希望它会继续过滤列表，就像我第一次进入页面时已经做的那样。但是，每当我转到其他页面并重新进入“特性”页面时，更改文本后，它就不再通过StreamBuilder，因此，列表不再受到过滤。

Answer 1

我发现了问题...我忘记在打开页面之前为页面添加SearchBarProvider。添加完之后，页面按预期开始工作。

Flutter-更改页面并返回后，StreamBuilder似乎没有收听流

1 个答案: