我来帮你搞定这个问题！要实现ListView元素长按高亮选中，核心是做好状态管理和样式动态切换，结合你现有的代码结构，具体可以按以下步骤来操作：

1. 维护全局的选中状态集合 #

首先，在你的ListView所在的StatefulWidget中，定义一个集合来记录所有被选中的元素ID（如果只需要单选，用单个变量存储选中ID即可）：

class YourListViewPage extends StatefulWidget {
  @override
  _YourListViewPageState createState() => _YourListViewPageState();
}

class _YourListViewPageState extends State<YourListViewPage> {
  // 用Set存储选中的item ID，支持多选
  Set<int> _selectedItemIds = {};

  // 切换元素的选中状态
  void _toggleItemSelection(int itemId) {
    setState(() {
      if (_selectedItemIds.contains(itemId)) {
        _selectedItemIds.remove(itemId);
      } else {
        _selectedItemIds.add(itemId);
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemCount: yourDataList.length, // 替换成你的数据源长度
      itemBuilder: (context, index) {
        final item = yourDataList[index];
        final isSelected = _selectedItemIds.contains(item.id);
        return _buildListItem(item, isSelected);
      },
    );
  }
}

2. 重构列表项组件，添加选中样式 #

修改你原来的列表项构建逻辑，根据isSelected状态动态调整样式，同时在onLongPress中触发状态切换：

Widget _buildListItem(YourItemModel item, bool isSelected) {
  // 根据选中状态设置高亮样式
  final backgroundColor = isSelected ? Colors.grey[300] : Colors.transparent;
  final border = isSelected ? Border.all(color: Colors.blue, width: 2) : Border.none;

  return GestureDetector(
    onTap: () {
      // 保留你原来的页面跳转逻辑
      Navigator.of(context).push(
        MaterialPageRoute(builder: (context) => SomePage(item.id)),
      );
    },
    onLongPress: () {
      // 切换当前元素的选中状态
      _toggleItemSelection(item.id);
    },
    child: Container(
      padding: EdgeInsets.all(16),
      decoration: BoxDecoration(
        color: backgroundColor,
        border: border,
        borderRadius: BorderRadius.circular(8),
      ),
      // 替换成你原来的列表项内容
      child: Text(item.title),
    ),
  );
}

3. 可选：切换为单选模式 #

如果你只需要每次选中一个元素，只需把状态变量改成单个ID即可：

int? _selectedItemId;

void _toggleItemSelection(int itemId) {
  setState(() {
    // 点击已选中的元素则取消选中，否则切换选中项
    _selectedItemId = _selectedItemId == itemId ? null : itemId;
  });
}

// 在itemBuilder中判断选中状态
final isSelected = _selectedItemId == item.id;

这样调整后，长按列表项时就会触发状态切换，对应的元素会自动高亮显示；再次长按可取消选中，完全匹配你的需求。

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