Flutter：如何将StatefulWidget的postid传入Provider类的函数？

1. 修改Provider的getCommentsData方法，接收postid参数 #

更新CommentPageProvider中的方法，添加postId参数并传入服务调用，同时修正状态更新逻辑：

class CommentPageProvider extends ChangeNotifier {
  // 保留原有属性定义...

  Future<void> getCommentsData(String postId) async {
    isCommentsDataloaded = true;
    notifyListeners(); // 通知UI显示加载状态

    // 传入postId到服务层获取对应评论数据
    commentsDatacollection = await CommentService().getCommentsdata(post_id: postId);
    
    isCommentsDataloaded = false;
    notifyListeners(); // 通知UI更新评论列表
  }
}

2. 在CommentPage的State中调用方法并传入postid #

在_CommentPageState的初始化阶段，调用Provider方法并传入页面接收的postid：

方式一：使用现有单例实例 #

class _CommentPageState extends State<CommentPage> {
  @override
  void initState() {
    super.initState();
    // 调用Provider方法，传入当前页面的postid
    CommentPageProvider.instance.getCommentsData(widget.postid);
  }

  @override
  Widget build(BuildContext context) {
    // 示例：用Consumer监听Provider状态变化渲染UI
    return Consumer<CommentPageProvider>(
      builder: (context, provider, child) {
        if (provider.isCommentsDataloaded) {
          return const Center(child: CircularProgressIndicator());
        }
        return ListView.builder(
          itemCount: provider.commentsDatacollection.length,
          itemBuilder: (context, index) {
            // 根据你的CommentsModelData结构渲染评论项
            return ListTile(
              title: Text(provider.commentsDatacollection[index].commentContent),
              // 其他UI元素...
            );
          },
        );
      },
    );
  }
}

方式二：使用ChangeNotifierProvider（推荐，避免单例状态污染） #

如果采用Provider官方推荐的注入方式，先在父组件中注入Provider：

// 父组件导航到CommentPage时
Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => ChangeNotifierProvider(
      create: (_) => CommentPageProvider(),
      child: CommentPage(
        postid: "目标postid",
        postdescription: "帖子描述",
      ),
    ),
  ),
);

再在_CommentPageState中获取实例并调用方法：

class _CommentPageState extends State<CommentPage> {
  @override
  void initState() {
    super.initState();
    // 获取Provider实例，listen: false避免监听状态变化
    final provider = Provider.of<CommentPageProvider>(context, listen: false);
    provider.getCommentsData(widget.postid);
  }

  // build方法同方式一...
}

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