Question

我尝试使用flx rxdart流从jsonPlaceHolder获取列表，并尝试在其上应用块模式。

该类的响应来自api

import 'dart:async';
import 'dart:convert';
import 'package:http/http.dart' as http;
import '../models/post_item.dart';

class ItemApi {

  Future<List<JsonItem>> getPost() async {
    String _url = 'https://jsonplaceholder.typicode.com/posts';

    final _response = await http.get(_url);

    if (_response.statusCode == 200) {
      return (json.decode(_response.body) as List)
          .map((jsonItem) => JsonItem.fromJson(jsonItem))
          .toList();
    }
  }

}

我使用存储库类使用ItemApi类包装

import 'json_item_request.dart';
import '../models/post_item.dart';

class Repository{

  final jsonItemResponse = ItemApi();
  Future<List<JsonItem>> getItem() => jsonItemResponse.getPost();


}

最后，我使用bloc类响应获取数据并将其设置在PublishSubject内

import '../models/post_item.dart';
import '../resouces/repository.dart';
import 'package:rxdart/rxdart.dart';

class JsonBloc {
  final _repository = Repository();
  final _streamOfJsonList = PublishSubject<List<JsonItem>>();


  Observable<List<JsonItem>> get jsonList=> _streamOfJsonList.stream;


  fetchAllPost() async{
    Future<List<JsonItem>> list = _repository.getItem();

  }

  dispose(){
    _streamOfJsonList.close();
  }


}

我的问题是，如何在_streamOfJsonList变量中设置响应以在列表更改时使用它。

Answer 1

听起来像您已经连接了所有活动部件？如果是这样，您只需要将项目列表添加到PublishSubject：

void fetchAllPost() async {
  List<JsonItem> list = await _repository.getItem();
  _streamOfJsonList.add(list);
}

这将在正在侦听流的任何内容上触发带有新列表的onListen回调。

Answer 2

您可以将错误和数据添加到ReplaySubject中，如下所示：

 void fetchAllPost() async {
    List<JsonItem> list = await _repository.getItem();
    if (list != null) {
      _streamOfJsonList.sink.add(list);
    } else {
      _streamOfJsonList.addError("ERROR");
    }
  }

来自JsonPalceHolder的Rx Flutter请求列表

2 个答案: