在颤动中同时获取数据

Question

我需要对此进行澄清，我创建了一个包含 asyn 的 sharepreferrence 函数，并且在同一个函数中我试图从服务器获取数据，并且我正在使用 FutureBuilder 来显示输出 但我观察到的是数据一直在同时获取，
可能是什么问题。这是代码

我的数据获取函数

List<TransactionsModel> parseTransactons (String responseBody) {
  Map data = json.decode(responseBody);
  var output = data['transactions']; //returns a List of Maps
  final castingtoMAP =  output.cast<Map<String, dynamic>>();
  return castingtoMAP.map<TransactionsModel>((json) => 
    TransactionsModel.fromJson(json)).toList();
}

Future<List<TransactionsModel>> fetchTransactions(http.Client client)  async {
  final SharedPreferences prefs = await 
  SharedPreferences.getInstance();
  String email = prefs.getString('Email');
  String session = prefs.getString('session');

  var map = new Map<String, String>();
  map["email"] = email;
  map["sesscode"] = session;

  var response = await http.post(new API().Transaction, body: map);
  print('*********Response from Transaction API***** $response');
  return parseTransactons(response.body); 
} 

显示数据

FutureBuilder<List<TransactionsModel>>(
  future: fetchTransactions(http.Client()),
  builder: (context, snapshot) {
    if (snapshot.hasError)
       return MyFunctions().showToast(snapshot.error);
    return snapshot.hasData
      ? TransactionCardWidget(snapshot.data)
      : Center(child: CircularProgressIndicator());
  },
),

Answer 1

如果您的小部件是Stateless 或Stateful，并且您正在调用setState，则正在通过调用fetchTransactions 创建Future<List<TransactionsModel>> 的新实例，从而发出新请求。您需要将函数返回的Future保存在StatefulWidget的State中，然后在initState函数中调用fetchTransactions。

class .... extends State<..> {
    Future<List<TransactionsModel>> transactionsFuture;

    void initState() {
        transactionsFuture = fetchTransactions(http.Client());
    }

    Widget build(BuildContext context){
        ...
        FutureBuilder<List<TransactionsModel>>(
            future: transactionsFuture,
            builder: (context, snapshot) {
        ...
    }
}