FlutterFlow调用API：Json Path $..title.rendered导致列表卡片显示全部标题

问题根源 #

你用的$..title.rendered是递归查找整个JSON里所有匹配title.rendered的字段，返回的是一个包含所有标题的数组，所以每张卡片都会把整个数组的内容都渲染出来，自然没法对应单个标题。

正确写法 #

假设你的API返回的是一个文章/条目数组（结构类似下面的示例），在列表循环的上下文里，要针对当前循环的单个条目取标题：

• 如果是直接遍历根数组，卡片里的JSON Path写$.title.rendered（这里的$代表循环中的每一个单独条目）
• 如果数组嵌套在某个字段下（比如response.data），先确保列表绑定的是这个子数组，然后卡片里同样用$.title.rendered

举个API返回的典型结构示例：

[
  {"title": {"rendered": "第一篇文章标题"}},
  {"title": {"rendered": "第二篇文章标题"}}
]

排查步骤 #

1. 确认API返回的JSON结构，确保是数组格式的条目集合
2. 检查列表组件的数据源绑定：必须是遍历这个数组的单个元素，而非整个数组对象
3. 替换卡片内的JSON Path为$.title.rendered，而不是全局查找的$..title.rendered

内容的提问来源于stack exchange，提问作者omar al aufi