Flutter:页面滚动

1、单一页面,没有列表没分页的,推荐使用:SingleChildScrollView()

haskell 复制代码
return Scaffold(
  backgroundColor: Color(0xffF6F6F6),
  body: SingleChildScrollView(
      child: _buildView()
  )
);

2、列表没分页,如购物车页,每个item之间带分隔距离的滚动列表使用:ListView.separated()

js 复制代码
Widget _buildView() {
  // 在分隔列表
  return ListView.separated(
    // 每一个item项
    itemBuilder: (BuildContext context,int index){
      return Text('测试一下$index');
    },
    // 定义每个item之间的分隔距离
    separatorBuilder: (BuildContext context,int index){
      return SizedBox(height: 10.w,);
    },
    // 一共有多少条记录
    itemCount: 50,
  );
}
相关推荐
用户3169353811834 分钟前
SpringBoot + Vue 项目生产环境部署完整指南
前端·后端
Csvn17 分钟前
🔍 TypeScript `satisfies` 操作符:既要类型安全,又要推断的原始字面量类型
前端
Csvn23 分钟前
🚦 手写 Promise 并发控制:如何优雅限制异步请求的并发数?
前端
gb421528736 分钟前
python中Web应用服务器
开发语言·前端·python
默_笙44 分钟前
💌 为了把"主题色"传给孙子组件,我翻了五层楼——直到遇见了 useContext
前端·javascript
颜进强1 小时前
04 - 一张图看懂 OpenSpec 变更的一生:从创建到归档
前端·后端·ai编程
the_answer1 小时前
JS 垃圾回收机制
前端
小KK_1 小时前
JS 事件循环从小白视角入门:宏任务、微任务与 async/await 一网打尽
前端·javascript
aloha_1 小时前
Linux服务器上指定目录的文件下载
前端
szp20052 小时前
为了在浏览器里跑多线程 ONNX 推理,我把自己的支付浮层弄挂了
前端·webassembly