我有一个有状态的小部件，它将显示产品列表，数据将从api中获取，所以我使用了futurebuilder。这里的问题是，我可以在日志中看到数据，但在小部件类中看不到，它显示列表的长度为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;
});
}
Cart存储库中的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();
}
您可以使用"流生成器"；我认为它会以流的形式获取最新数据，并更新您屏幕的UI。