Flutter中如何将Snapshot数据传递到另一页面？（含报错代码）

1. 修正目标页面的代码（规范命名+明确类型+正确访问参数） #

首先遵循Flutter命名规范，类名采用大驼峰；同时明确传递数据的类型为你的Posts模型类，并且在State中通过widget.xxx访问父组件传入的参数：

// reactor.dart 修正后
class Reactor extends StatefulWidget {
  const Reactor({Key? key, required this.post}) : super(key: key);
  // 明确指定类型为Posts，用post作为参数名避免和AsyncSnapshot混淆
  final Posts post;

  @override
  State<Reactor> createState() => _ReactorState();
}

class _ReactorState extends State<Reactor> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        // 通过widget.post获取传递过来的Posts实例
        child: Text(widget.post.likes.length.toString()),
      ),
    );
  }
}

2. 修改导航跳转的代码 #

确保传递的是Posts类型的实例，同时使用修正后的类名Reactor：

TextButton(
  onPressed: () {
    Navigator.push(
      context,
      MaterialPageRoute(
        // 传入snapshot.data[i]（Posts实例），参数名对应widget.post
        builder: (context) => Reactor(post: snapshot.data![i]),
      ),
    );
  },
  child: Text("view likes"),
)

关键修正点 #

• 避免参数名混淆：原代码用snapshot作为参数名，容易和请求数据的AsyncSnapshot冲突，改成post更直观。
• State中正确访问参数：State类本身不直接持有父组件的参数，必须通过widget实例来获取。
• 明确类型声明：指定final Posts post能让IDE提供类型检查和代码提示，提前规避类型错误。

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