如何在 Dart Flutter 中使 ListView.builder 或 List 索引静态化

Question

我正在构建一个 flutter 应用程序，它会根据用户的交互增加列表上的索引值。

class _CheckoutScreenState extends State<CheckoutScreen>{
List<int> quantity = [1, 2, 1, 6];
void increment(int index){
 setState((){
   quantity[index] +=1;
 });
}
void decrement(int index){
  if(quantity[index] != 0){
  setState((){
   quantity[index] -=1;
 });
}
}
@override
Widget build(BuildContext context){
 return ListView.builder(
 itemBuilder: (BuildContext context, index) {
  return quantity[index] != 0 ? 
   ListTile(
    leading: IconButton(
    icon: Icon(Icons.remove),
    onPressed: (){
     decrement(index);
    }
   ),
   trailing: IconButton(
    icon: Icon(Icons.add),
    onPressed: (){
     increment(index);
    }
   ),
   title: Text('${quantity[index].toString()} products')
  )
 }
 )
}
}

当我运行这段代码，然后删除一个项目（一旦一个项目为 0，它就不会显示在屏幕上），索引会随着 ListView.Builder 重建而移动。 例如，如果我删除了索引 2 处的项目（使其数量为 0），则索引应如下所示

  [1,2,0,6]

但是由于列表视图构建器，索引发生了变化，并且列表视图构建器只有

  [1,2,6]

这与主列表不连续。 如何在 listView 构建器中使该索引保持静态，以便在需要重建时不会移动它

Answer 1

用 Map 替换 List 并将当前索引数量显示为 Map，这样每个 map key 代表一个唯一标识符