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,
  );
}
相关推荐
Bigger15 分钟前
Tauri (20)——为什么 NSPanel 窗口不能用官方 API 全屏?
前端·macos·app
bug总结16 分钟前
前端开发中为什么要使用 URL().origin 提取接口根地址
开发语言·前端·javascript·vue.js·html
一招定胜负1 小时前
网络爬虫(第三部)
前端·javascript·爬虫
Shaneyxs2 小时前
从 0 到 1 实现CloudBase云开发 + 低代码全栈开发活动管理小程序(13)
前端
半山烟雨半山青2 小时前
微信内容emoji表情包编辑器 + vue3 + ts + WrchatEmogi Editor
前端·javascript·vue.js
码途潇潇2 小时前
Vue 事件机制全面解析:原生事件、自定义事件与 DOM 冒泡完全讲透
前端·javascript
zmirror2 小时前
Monorepo 在 Docker 中的构建方案方案
前端
用户47949283569152 小时前
node_modules 太胖?用 Node.js 原生功能给依赖做一次大扫除
前端·后端·node.js
_Kayo_2 小时前
TypeScript 学习笔记2
前端·javascript·typescript
海纳百川本尊760642 小时前
Flutter框架核心原理深度解析
前端