使用具有 FutureBuilder 作为子级的 StatefulWidget List 显示没有数据，直到我热重新加载然后立即调用没有数据的未来
Posted
技术标签:
【中文标题】使用具有 FutureBuilder 作为子级的 StatefulWidget List 显示没有数据，直到我热重新加载然后立即调用没有数据的未来【英文标题】：Using StatefulWidget List having FutureBuilder as child shows no data till i hot reload and then calls future with no data immediately 【发布时间】：2021-08-18 14:37:57 【问题描述】：我有一个有状态的小部件，它将显示产品列表，数据将从 api 获取，因此我使用了未来的构建器。这里的问题是我可以在日志中看到数据，但在小部件类上看不到，它显示列表的长度为 0，但是一旦我重新加载数据显示第二个然后显示数据长度为 0。我在 Showing data on second hot reload 和 @ 上看到了一些链接987654322@。但是我已经尝试过了，但现在没有运气，我不知道他们想表达什么。告诉我应该在哪里查看错误。
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();
【问题讨论】：
【参考方案1】：您可以使用“Stream Builder”，我认为它会以流的形式获取最新数据并更新屏幕的 UI。
【讨论】：
future builder 有没有问题我的意思是我的数据不连续，这只是一个有列表的 json。否则我会有一个基本问题，在哪里使用未来的构建器以及在哪里使用流构建器。 你能分享一下代码吗：CartBloc().getCartList() 我编辑了问题，请看一下以上是关于使用具有 FutureBuilder 作为子级的 StatefulWidget List 显示没有数据，直到我热重新加载然后立即调用没有数据的未来的主要内容，如果未能解决你的问题，请参考以下文章