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,
  );
}
相关推荐
Hi_kenyon10 分钟前
VUE3套用组件库快速开发(以Element Plus为例)二
开发语言·前端·javascript·vue.js
起名时在学Aiifox15 分钟前
Vue 3 响应式缓存策略:从页面状态追踪到智能数据管理
前端·vue.js·缓存
李剑一1 小时前
uni-app实现本地MQTT连接
前端·trae
EndingCoder1 小时前
Any、Unknown 和 Void:特殊类型的用法
前端·javascript·typescript
oden1 小时前
代码高亮、数学公式、流程图... Astro 博客进阶全指南
前端
GIS之路1 小时前
GDAL 实现空间分析
前端
JosieBook2 小时前
【Vue】09 Vue技术——JavaScript 数据代理的实现与应用
前端·javascript·vue.js
pusheng20252 小时前
算力时代的隐形防线:数据中心氢气安全挑战与技术突破
前端·安全
起名时在学Aiifox2 小时前
前端文件下载功能深度解析:从基础实现到企业级方案
前端·vue.js·typescript