Flutter类Instagram信息流报Incorrect use of ParentDataWidget报错

Incorrect use of ParentDataWidget 报错由ParentData类组件误用导致：
Positioned是仅可作为Stack直接子元素的定位组件，它会给子元素传递Stack专属的定位ParentData，你当前将Positioned直接放在Column的子组件列表中，Column无法识别该ParentData，直接触发报错。
另外代码还存在一个隐藏问题：ListView和每个ItemFeed使用了完全相同的PageStorageKey('listFeed')，重复key会导致列表滚动状态、组件状态错乱。

问题出在第3部分「信息流条目组件」的buildFeedItem方法中，SizedBox(height:10)下方的Positioned组件被错误放置在Column的children队列里，外层没有Stack包裹。

1. 删除包裹底部按钮行的Positioned组件：底部操作按钮属于Column正常垂直流布局的内容，不需要绝对定位，直接保留Positioned内部的Container及Row内容即可。
2. 修改ItemFeed的PageStorageKey，保证和ListView的key不重复，且每个列表项的key唯一，避免状态冲突。

// 省略buildFeedItem中帖子头部、帖子图片部分的不变代码
SizedBox(
  height: 10,
),
// 移除原Positioned包裹，直接放入按钮行容器
Container(
  child: Row(
    children: [
      // 点赞、评论、分享、收藏按钮代码保持原有逻辑不变
      CustomIcon(
        child: Icon(
          isHeartAnimating
              ? Icons.favorite_rounded
              : Icons.favorite_border,
          color: isHeartAnimating ? errorColor : blackColor,
          size: 30,
        ),
        onPress: () {
          setState(() {
            isLikeAnimating = true;
            isHeartAnimating = !isHeartAnimating;
          });
        },
        isAnimating: isLikeAnimating,
        onEnd: () {
          setState(() {
            isLikeAnimating = false;
          });
        },
      ),
      SizedBox(width: 10),
      CustomIcon(
        child: Icon(
          Icons.chat_bubble_outline,
          color: blackColor,
          size: 30,
        ),
        onPress: () {
          setState(() {
            isCommentAnimating = true;
          });
        },
        isAnimating: isCommentAnimating,
        onEnd: () {
          setState(() {
            isCommentAnimating = false;
          });
        },
      ),
      SizedBox(width: 10),
      CustomIcon(
        child: Icon(
          Icons.send,
          color: blackColor,
          size: 30,
        ),
        onPress: () {
          setState(() {
            isShareAnimating = true;
          });
        },
        isAnimating: isShareAnimating,
        onEnd: () {
          setState(() {
            isShareAnimating = false;
          });
        },
      ),
      Expanded(
        child: Align(
          alignment: Alignment.bottomRight,
          child: CustomIcon(
            child: Icon(
              isSave
                  ? Icons.bookmark_added_rounded
                  : Icons.bookmark_border,
              color: isSave ? saveColor : blackColor,
              size: 30,
            ),
            onPress: () {
              setState(() {
                isSaveAnimating = true;
                isSave = !isSave;
              });
            },
            isAnimating: isSaveAnimating,
            onEnd: () {
              setState(() {
                isSaveAnimating = false;
              });
            },
          ),
        ),
      ),
    ],
  ),
),

对应ItemFeed的build方法修改key：

@override
Widget build(BuildContext context) {
  return Container(
    // 替换重复key，用索引保证每个列表项key唯一
    key: PageStorageKey<String>('feedItem_${widget.index}'),
    child: buildFeedItem(
      widget.userModel,
      widget.index,
    ),
  );
}

修改后热重载即可消除该报错，列表滚动保存位置的功能也能正常生效。

内容的提问来源于stack exchange，提问作者Công Hiến