颤振等待未来在按钮单击时被忽略

如何解决颤振等待未来在按钮单击时被忽略

我有以下有状态小部件

class ItemDetailsScreen extends StatefulWidget {
  Item item;
  
  ItemDetailsScreen({required Key key,required this.item}) : super(key: key);
  
  @override
  _ItemDetailsScreenState createState() => _ItemDetailsScreenState();
}

class _ItemDetailsScreenState extends State<ItemDetailsScreen> {

  late UserStore _userStore;
  late Item _item;

  @override
  void initState() {
    _item = widget.item;
    super.initState();
  }

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    _userStore = Provider.of<UserStore>(context);
  }

  @override
  Widget build(BuildContext context){
   //build view of item data and button...
  }

//...
}

我想更新该项目并在单击按钮时显示它。

我的按钮代码：

onpressed: () async {
            await _userStore.updateItem(item.id!);
            setState(() {
              _item = _item;
            });
          });

updateItem 方法：

@action //mobx annotation
  Future updateItem(String itemId) async {
    _repository.updateItem(itemId).then((isUpdated) {
      for (var i = 0; i < this.user!.itemsList.length; i++) {
        if (itemId== this.user!.itemsList[i].id) {
          this.user!.itemsList[i].value = this.user!.itemsList[i].value ! + 1;
        }
      }
    });
  }

当我在按钮上触发 onpressed 时，它总是在更新之前显示旧的项目值。 await 上的 updateItem 没有按我的预期工作：setState 方法在 updateItem 执行完成之前被调用。 我也试过 _userStore.updateItem(item.id!).then((value) => {...}); 但没有运气。 我怎样才能让这个等待工作？

解决方法

您是否尝试在 then 方法中添加 setState ？

_userStore.updateItem(item.id!).then((value) => setState(() {
          _item = _item;
        }););