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,
  );
}
相关推荐
fengci.2 小时前
Polar春季个人挑战赛WEB简单部分
android·前端
张元清2 小时前
不用 WebSocket 库,在 React 中构建实时功能
前端·javascript·面试
李白你好2 小时前
浏览器插件 | 信息收集、统一指纹识别 、DOM XSS 检测 、漏洞报告生成与管理
前端·xss
渔民小镇2 小时前
不用前端也能测试 —— 模拟客户端请求模块详解
java·服务器·前端·分布式·游戏
SuperEugene3 小时前
Python + venv + VSCode:前端工程师 AI 转型入门 | 基础篇
前端·人工智能·vscode·python
xuboyok23 小时前
PHP vs Java:核心差异与选型指南
开发语言·前端·php
D_C_tyu3 小时前
Vue3 + Vite 项目实现页面离开时取消所有未完成请求
前端·vue.js
leafyyuki3 小时前
Pyenv Rehash 失败:锁文件与‘无法覆盖已有文件’问题
前端
Binarydog_Lee3 小时前
Tauri2 开发入门:应用是如何启动的
前端·rust·tauri
前端付豪3 小时前
实现聊天参数面板
前端·人工智能·后端