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,
  );
}
相关推荐
@PHARAOH14 小时前
WHAT - npm和corepack
前端·npm·node.js
不爱学英文的码字机器14 小时前
被 AE 的关键帧折磨过的人,应该试试这个用 React 写视频的路子
前端·react.js·音视频
Csvn14 小时前
组合式函数
前端·vue.js
CodeSheep14 小时前
中国编程第一人,一人抵一城!
前端·后端·程序员
GISer_Jing14 小时前
Claude Code项目配置终极指南
前端·ai·ai编程
MPGWJPMTJT14 小时前
从 Volta 迁移到 mise:Windows 下 Node 版本管理切换记录
前端·node.js
米丘14 小时前
vue3.x 调度器(Scheduler)实现机制
前端·javascript·vue.js
米饭同学i14 小时前
Vue2 + Webpack 老项目启动报错
前端
小彭努力中14 小时前
205.Vue3 + OpenLayers:加载动画,采用 CSS 的 @keyframes 方式
前端·css·vue.js·openlayers·cesium·webgis
xmdy586614 小时前
Flutter + 开源鸿蒙实战|城市智慧停车管理系统 Day1 项目初始化+架构搭建+全局依赖集成+多端适配基座
flutter·开源·harmonyos