Flutter使用InkWell时出现dirty State错误求助

针对你添加InkWell跳转PopAnime页面时出现的Dirty State错误，可按以下步骤排查修复：

• 确保Context可用
  如果当前Widget不在Navigator的直接子树中，可能会因context无法找到Navigator导致异常。用Builder组件包裹InkWell，获取正确的BuildContext：

  const SizedBox(width: 167.5),
  Builder(
    builder: (context) => InkWell(
      onTap: () => Navigator.push(
        context,
        MaterialPageRoute(builder: ((context) => const PopAnime())),
      ),
      child: const Text(
        "See all >",
        style: TextStyle(
          fontWeight: FontWeight.bold,
          color: Colors.white,
          fontSize: 15,
        ),
      ),
    ),
  ),
  

• 延迟导航操作
  若当前Widget处于构建未完成的状态，直接触发导航会导致Dirty State。用addPostFrameCallback延迟到Widget构建完成后执行：

  onTap: () {
    WidgetsBinding.instance.addPostFrameCallback((_) {
      Navigator.push(
        context,
        MaterialPageRoute(builder: (context) => const PopAnime()),
      );
    });
  },
  

• 检查PopAnime页面代码
  Dirty State错误也可能源于PopAnime页面本身：

  • 避免在build方法中直接调用setState或其他修改状态的操作；
  • 异步初始化逻辑（如网络请求）应放在initState中，而非build过程里。

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