如何构建列表视图，其中包含根据需要重建的列表和常量部分，以利用列表视图中的索引

Question

我正在评论页面上工作，我需要构建下面显示的屏幕，第一部分是列表视图分隔，第二部分是文本字段，但问题是我不能使用列表视图中的 index 因为textfiled 位于 listview.separated 树之外。

所以我想如果我能够以某种方式让 textfiled 进入 listview.separated 我将能够使用 index，但是 textfiled 不断重建，这不是我想要的，无论如何都可以阻止它在 listview 内重建。分开了。

谢谢

postId 表示我将在哪个帖子上发表评论评论

body: Column(
              crossAxisAlignment: CrossAxisAlignment.end,
              children: [
                Expanded(
                  child: ListView.separated(
                    itemBuilder: (context, index) =>
                        buildCommentSection(context, index),
                    separatorBuilder: (context, index) => const Padding(
                      padding: EdgeInsets.only(
                          top: 10, bottom: 10, right: 20, left: 20),
                      child: Divider(
                        color: Colors.grey,
                        thickness: 1,
                        height: 1,
                      ),
                    ),
                    itemCount: 1,
                  ),
                ),
                const Divider(
                  color: Colors.grey,
                  thickness: 1,
                  height: 1,
                ),
                Padding(
                  padding: const EdgeInsets.all(10.0),
                  child: TextFormField(
                    minLines: 1,
                    maxLines: 4,
                    controller: commentController,
                    keyboardType: TextInputType.text,
                    decoration: InputDecoration(
                      hintText: 'Write a comment... ',
                      contentPadding: const EdgeInsets.only(
                          left: 15.0, right: 15.0, top: 5, bottom: 5),
                      hintStyle: TextStyle(color: Colors.grey[400]),
                      border: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(10),
                      ),
                    ),
                  ),
                ),
Padding(
                  padding: const EdgeInsets.only(right: 10, bottom: 10),
                  child: InkWell(
                    onTap: () {

//here to use the postComment function and I need the index here
                      SocialCubit.get(context).postComment(
                        SocialCubit.get(context).postsId[index],
                        comment: commentController.text,
                      );
                    },
                    child: const Icon(
                      Icons.send,
                    ),
                  ),
                ),


Container buildCommentSection(context, index) {
  return Container(
    // decoration: const BoxDecoration(
    //   image: DecorationImage(
    //     image: NetworkImage(
    //       'https://i.ibb.co/zGZyH0w/asd.jpg',
    //     ),
    //   ),
    // ),
    child: Align(
      alignment: Alignment.topLeft,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Padding(
            padding: const EdgeInsets.only(
              left: 65.0,
            ),
            child: Text(
              'Ahmad M. Hassanien',
              style: Theme.of(context).textTheme.bodyText1?.copyWith(
                  fontSize: 15, color: Colors.black, height: 1.3),
            ),
          ),
          Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              const Padding(
                  padding:
                      EdgeInsets.only(left: 10.0, top: 0, bottom: 10.0),
                  child: CircleAvatar(
                    radius: 20,
                    backgroundImage: NetworkImage(
                        'https://scontent.fcai21-2.fna.fbcdn.net/v/t1.6435-9/36137473_1672721836179430_3456862169725927424_n.jpg?_nc_cat=104&ccb=1-5&_nc_sid=09cbfe&_nc_ohc=9tYeesdPuIQAX_nct-b&tn=vOLAikUZ_sGc5L8h&_nc_ht=scontent.fcai21-2.fna&oh=00_AT8Oo-xDechHRInJ_IBubDRLxcFftLHFysjrw5LF-iGpKg&oe=625A1564'),
                  )),
              Expanded(
                child: Padding(
                  padding: const EdgeInsets.only(
                      left: 10, right: 15, top: 0, bottom: 10),
                  child: TextFormField(
                    readOnly: true,
                    minLines: 1,
                    maxLines: 50,
                    controller: commentController,
                    keyboardType: TextInputType.text,
                    decoration: InputDecoration(
                      hintText: commentController.text,
                      contentPadding: const EdgeInsets.only(
                          left: 15.0, right: 15.0, top: 5, bottom: 5),
                      hintStyle: const TextStyle(color: Colors.black),
                      border: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(10),
                      ),
                    ),
                  ),
                ),
              ),
            ],
          ),
        ],
      ),
    ),
  );
}

---

   Padding(
                  padding: const EdgeInsets.only(right: 10, bottom: 10),
                  child: InkWell(
                    onTap: () {
                      //here to use the postComment function and I need the index here
                      SocialCubit.get(context).postComment(
                        SocialCubit.get(context).postsId[index],
                        comment: commentController.text,
                      );
                    },
                    child: const Icon(
                      Icons.send,
                    ),
                  ),
                ),