Flutter项目：如何将QR扫描结果传入_runFilter实现列表过滤

核心思路是跳过TextField的输入中转流程，在扫码获取有效结果后直接调用_runFilter函数，同时可选同步搜索框的显示内容，保持视觉一致性。

1. 调整扫码函数获取并传递结果 #

假设你使用的是常见扫码库（如qr_code_scanner），修改_scanBarcode函数，在扫码成功后直接触发过滤逻辑：

Future<void> _scanBarcode() async {
  try {
    // 跳转到扫码页面，接收返回的扫码结果
    final scanResult = await Navigator.push(
      context,
      MaterialPageRoute(builder: (context) => const QRScannerPage()),
    );

    // 扫码成功且结果非空时，直接调用过滤函数
    if (scanResult != null) {
      _runFilter(scanResult.toString());
      // 可选：同步更新搜索框文本，让用户看到当前过滤关键词
      _searchController.text = scanResult.toString();
    }
  } catch (error) {
    // 处理扫码异常，比如给用户提示
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(content: Text('扫码失败：$error')),
    );
  }
}

2. 确保过滤函数支持外部传参 #

你的_runFilter需要能接收外部传入的关键词，而不是仅从TextField读取：

List<YourItemType> _originalList = [];
List<YourItemType> _filteredList = [];
final TextEditingController _searchController = TextEditingController();

void _runFilter(String keyword) {
  List<YourItemType> tempList = [];
  if (keyword.trim().isEmpty) {
    // 关键词为空时显示原始列表
    tempList = List.from(_originalList);
  } else {
    // 根据实际业务字段过滤，这里以item的title为例
    tempList = _originalList.where((item) {
      return item.title.toLowerCase().contains(keyword.toLowerCase());
    }).toList();
  }
  // 更新状态刷新列表UI
  setState(() {
    _filteredList = tempList;
  });
}

3. 保持原有搜索框逻辑不变 #

搜索框依然绑定控制器，保留用户手动输入触发过滤的原有逻辑：

TextField(
  controller: _searchController,
  onChanged: (value) => _runFilter(value),
  decoration: const InputDecoration(
    labelText: '搜索',
    suffixIcon: Icon(Icons.search),
  ),
)

为什么之前的思路不成立？ #

你之前尝试在TextField中处理扫码结果，属于多余的中转流程——扫码是独立的外部操作，不需要依赖TextField的输入回调来触发过滤，直接拿到结果后调用过滤函数即可，同步控制器只是为了让搜索框显示与过滤关键词一致，属于体验优化项而非必要步骤。

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