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,
  );
}
相关推荐
太极OS4 分钟前
给 AI Skill 做 CI/CD:GitHub + ClawHub + Xiaping 同步发布实战
前端
你_好4 分钟前
Chrome 内置了 AI 工具协议?WebMCP 抢先体验 + 开源 DevTools 全解析
前端·mcp
GISer_Jing5 分钟前
LangChain.js + LangGraph.js 前端AI开发实战指南
前端·javascript·langchain
正在发育ing__9 分钟前
从源码看vue的key和状态错乱的patch
前端
黄林晴33 分钟前
第一次听到 Tauri 这个词,去学习一下
前端
可可爱爱的你吖40 分钟前
蜂鸟云地图简单实现
前端
布局呆星42 分钟前
Vue3 :生命周期、DOM 操作与自定义组合式函数
前端·javascript·vue.js
147API1 小时前
多模型路由规则设计实战:第一版系统别做成黑盒
服务器·前端·javascript
xcjbqd01 小时前
CSS中隐藏元素的多重技巧与应用场景
前端·css