0

我有一个有状态的小部件，它将显示产品列表，数据将从 api 获取，所以我使用了未来的构建器。这里的问题是我可以在日志中看到数据，但在小部件类上看不到，它显示列表的长度 0，但是一旦我重新加载数据显示第二个然后显示数据长度为 0。我已经看到了一些关于 在第二个热点上显示数据的链接热重载后重新加载和数据显示。但是我已经尝试过了，但现在没有运气，我不知道他们想表达什么。告诉我应该在哪里查看错误。

    class Body extends StatefulWidget {
  @override
  _BodyState createState() => _BodyState();
}

class _BodyState extends State<Body> {

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Padding(
        padding:
            EdgeInsets.symmetric(horizontal: getProportionateScreenWidth(20)),
        child: FutureBuilder(
            future: CartBloc().getCartList(),
            builder: (context, AsyncSnapshot<List<Cart>> snapShot) {
              //logd("cart data -> ${snapShot.data.length}");
              if (snapShot.hasData) {
                return ListView.builder(
                    itemCount: snapShot.data.length,
                    itemBuilder: (context, index) {
                      return Padding(
                        padding: EdgeInsets.symmetric(vertical: 10),
                        child: Dismissible(
                          key: Key(snapShot.data[index].product.id.toString()),
                          direction: DismissDirection.endToStart,
                          onDismissed: (direction) {
                            setState(() {
                              snapShot.data.removeAt(index);
                            });
                          },
                          background: Container(
                            padding: EdgeInsets.symmetric(horizontal: 20),
                            decoration: BoxDecoration(
                              color: Color(0xFFFFE6E6),
                              borderRadius: BorderRadius.circular(15),
                            ),
                            child: Row(
                              children: [
                                Spacer(),
                                SvgPicture.asset("assets/icons/Trash.svg"),
                              ],
                            ),
                          ),
                          child: CartCard(cart: snapShot.data[index]),
                        ),
                      );
                    });
              } else {
                return Center(
                    child: Text("Looks like you haven't purcahsed anything"));
              }
            }),
      ),
    );
  }
}

编辑 1：getCartList 函数。

Future<List<Cart>> getCartList(){
  List<Cart> cartItems=List<Cart>();
    Future<List<GetCartModal>> data= cartRepo.getCart();
    //data.then((value) => logd("cart respo => $value"));
   data.then((value) => logd("cart respo -> ${value.length}"));
   return data.then((value) {
      for(var cartData in value)
      ProductsBloc().getProductDetails(cartData.sku).then((cartItem) {
        cartItems.add(Cart(numOfItem:cartData.qty,product: Product(cartData.itemId,cartItem.sku,cartItem.images,cartItem.title,cartItem.price,cartItem.description) ));
      });
      return cartItems;
    });
  }

购物车存储库中的 getCart()：

 Future<List<GetCartModal>> getCart() async{
     String url =club(CART_LISTING);
     Future<String> data= Sf.getStringValuesSF(USER_TOKEN);
     data.then((value) => logd("token -> $value"));
     ///await to halt execution till token found.
     var header={'Authorization':"Bearer ${await Sf.getStringValuesSF(USER_TOKEN)}",'accept': 'application/json'};
    final response = await _apiClinet.get(Uri.parse(url),headers: header);
    //logd("cart response => $response");
    return (json.decode(jsonEncode(response)) as List).map((i) =>
              GetCartModal.fromJson(i)).toList();
   }
4

1 回答 1

0

您可以使用“Stream Builder”，我认为它会以流的形式获取最新数据并更新屏幕的 UI。

于 2021-05-31T09:56:53.570 回答