Flutter Redux状态列表删除元素异常：总是删除最后一项

Hey there, let's break down why you're seeing this issue and fix it right away.

The core problem here is that you're violating Redux's immutability principle in your reducer. Redux requires you never modify the existing state directly—instead, you need to create fresh copies of state (and nested collections like lists) whenever you make changes.

Why Your Current Code Fails #

Looking at your reducer logic:

else if(action is DeleteAction) {
  state.items.removeAt(action.index);
  return TimeTableState( items: state.items );
}

You're directly modifying the original state.items list (a mutable collection) and then returning the same list reference. Since the list's reference doesn't change, Redux can't detect that the state has actually updated. This leads to inconsistent UI rendering—like the wrong item (usually the last one) appearing to be deleted, because the UI isn't re-rendering with the real updated list.

The Fix: Create a New List Copy #

Update your reducer to make a fresh copy of the list before modifying it, then return a new TimeTableState with this updated list. Here are two clean ways to do this:

Option 1: Use List.from()

else if(action is DeleteAction) {
  // Create a copy of the original list
  final updatedItems = List<TimeTableModel>.from(state.items);
  // Modify the copy (not the original state)
  updatedItems.removeAt(action.index);
  // Return a new state with the updated list
  return TimeTableState(items: updatedItems);
}

Option 2: Use the Spread Operator (More Concise)

else if(action is DeleteAction) {
  final updatedItems = [...state.items]; // Spread original list into a new list
  updatedItems.removeAt(action.index);
  return TimeTableState(items: updatedItems);
}

Why This Works #

By creating a new list copy, you give Redux a new reference to detect as a state change. This ensures the StoreConnector picks up the updated state and re-renders your widget correctly, showing the intended item being deleted instead of the last one.

Quick Extra Check #

While immutability is the main fix, double-check that widget.index in your IconButton's onPressed is actually pointing to the correct index of the item you want to delete. If the index is misaligned (e.g., from a list not updating indices properly), that could also cause unexpected deletions—but fixing the immutability should resolve the core issue.

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