Flutter中多商品添加后仅首个隐藏购物车按钮问题修复求助

手动遍历数组的逻辑存在隐性疏漏，且手动循环容易出错，导致仅第一个匹配项生效；另外可能存在数组初始化不完整、UI未及时更新的情况。

1. 替换遍历逻辑为contains方法
   用数组内置的contains方法替代手动循环，直接判断当前商品ID是否在已保存列表中，避免循环逻辑错误：

   // 替换原有的for循环判断
   if (MyApp.ids.contains(state.details.data.id.toString())) {
     return Scaffold(
       // 不带「加入购物车」按钮的页面布局
     );
   }
   // 未匹配到则返回带按钮的布局
   return Scaffold(
     // 带「加入购物车」按钮的页面布局
   );
   

2. 确保savedIds函数正确添加ID
   检查savedIds函数，保证是向数组追加ID而非覆盖，同时避免重复添加同一ID：

   void savedIds(String id) {
     if (!MyApp.ids.contains(id)) {
       MyApp.ids.add(id);
     }
   }
   

3. App启动时加载本地存储的ID列表
   在App初始化阶段，从SharedPreferences读取已保存的ID，确保MyApp.ids始终是最新状态：

   void main() async {
     WidgetsFlutterBinding.ensureInitialized();
     final prefs = await SharedPreferences.getInstance();
     // 初始化数组，无数据时设为空列表
     MyApp.ids = prefs.getStringList('id') ?? [];
     runApp(const MyApp());
   }
   

4. 添加ID后触发UI更新
   点击按钮保存ID后，调用setState触发页面重建，确保按钮状态及时刷新：

   InkWell(
     onTap: () async {
       final prefs = await SharedPreferences.getInstance();
       savedIds(state.details.data.id.toString());
       await prefs.setStringList('id', MyApp.ids);
       // 触发UI重建，更新按钮状态
       setState(() {});
       final kek = prefs.getStringList('id');
       print(kek);
     },
     // 按钮布局代码...
   )
   

内容的提问来源于stack exchange，提问作者Daniil