Flutter跨页面使用CustomListTile时index参数标红报错如何解决？

1. 直接导致index标红的错误 #

你在定义customListTile的参数时，把类型名错写为index了，不存在名为index的自定义类型：

// 错误写法
Widget customListTile(index article, BuildContext context)

你调用这个方法时传入的是articles[index]，也就是你解析JSON预先定义的单条文章数据类实例，通常这个类的命名为Article（单数，和你存储列表的Articles类区分），把参数类型替换成你实际定义的文章实体类名即可：

// 正确示例，替换为你自己的文章类名
Widget customListTile(Article article, BuildContext context)

2. 其他需要同步修复的运行错误 #

你的代码还有两处隐含语法错误，不修改会继续报错：

• 图片加载逻辑不需要加下标[index]：你传入的article已经是单条数据实例，不是列表，无需再取下标

  // 错误写法
  image: NetworkImage(article[index].imageUrl!)
  // 正确写法
  image: NetworkImage(article.imageUrl!)
  

• 页面跳转存在命名冲突：你跳转时要打开的详情页类名不能和参数article重名，否则会被识别为调用变量而非构造页面

  // 错误写法，和参数名重名
  builder: (context) => article(
        index: article,
      ))
  // 正确示例，替换为你实际的详情页类名
  builder: (context) => ArticleDetailPage(
        article: article,
      ))
  

3. 可选优化点 #

错误提示的输出可以更规范：

// 错误写法，只会输出布尔值true/false，没有实际错误信息
errorMessage: '${snapshot.hasError}'
// 正确写法，输出真实错误原因方便排查
errorMessage: snapshot.error.toString()

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