uniapp setStorageSync干扰showToast的显示？

Question

最近在使用 uniapp 的时候发现，只要是使用了 uni.getStorageSync 或者 uni.setStorageSync ，其后面的 showToast就无法显示出来，甚至之前的 showToast 也会一闪而过。
请教这是为什么？

Answer 1

uni.setStorageSync或uni.getStorageSync的同步操作导致UI线程阻塞有关，你可以参考一下下面的处理与实现，看看能不能解决你的问题。

async function saveDataAndShowToast() {
  try {
    await uni.setStorage({
      key: 'your_key',
      data: 'your_data',
    });

    uni.showToast({
      title: '数据已保存',
      icon: 'success',
      duration: 2000,
    });
  } catch (error) {
    console.error('保存数据出错:', error);
    uni.showToast({
      title: '保存数据出错',
      icon: 'none',
      duration: 2000,
    });
  }
}

saveDataAndShowToast();