Flutter应用中Post组件无法滚动问题求助

问题根源 #

页面存在多层滚动组件嵌套：外层ListView已经承担了整个页面的滚动逻辑，内层的SingleChildScrollView和post组件里的ListView.builder会被外层滚动容器拦截，无法触发自身的滚动事件。

解决方案一：统一使用SingleChildScrollView作为外层容器 #

将home.dart中的外层ListView替换为SingleChildScrollView，让整个页面由这一个滚动容器负责，同时保留post组件里的ListView.builder（设置shrinkWrap: true）：

class _homeState extends State<home> {
  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.only(top: 8),
      child: SingleChildScrollView(
        child: Column(
          children: [
            postbar(),
            Divider(thickness: 2,),
            storybar(),
            Divider(thickness: 2,),
            post(),
          ],
        ),
      ),
    );
  }
}

解决方案二：保留外层ListView，禁用内层滚动 #

如果必须保留外层ListView，需要让内层的ListView.builder放弃滚动能力，交由外层ListView统一处理：

1. 修改home.dart，去掉post外层的SingleChildScrollView：

class _homeState extends State<home> {
  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.only(top: 8),
      child: ListView(
        children: [
          postbar(),
          Divider(thickness: 2,),
          storybar(),
          Divider(thickness: 2,),
          post(),
        ],
      ),
    );
  }
}

2. 修改post.dart，给ListView.builder添加physics: NeverScrollableScrollPhysics()：

Widget build(BuildContext context) {
  return FutureBuilder<List<Posts>>(
    future: fetchPost(),
    builder: ((context, snapshot) {
      if (snapshot.hasData) {
        return ListView.builder(
          itemCount: snapshot.data!.length,
          shrinkWrap: true,
          physics: NeverScrollableScrollPhysics(),
          itemBuilder: (context,i){
            bool a=false;
            return Container(
              child: Column(
                children: [ /* childrens */ ]
              )
            );
          }
        );
      }
      return CircularProgressIndicator();
    })
  );
}

注意事项 #

• 方案一更适合整个页面需要连贯滚动的场景，避免多层滚动嵌套的问题。
• 无论哪种方案，都要确保post组件里的ListView.builder设置了shrinkWrap: true，让它根据内容高度自适应，不会无限扩展。

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