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,
  );
}
相关推荐
Highcharts.js7 小时前
高级可视化图表的暗色模式与主题|Highcharts 自适应主题配色全解
前端·react.js·实时图表
芙莉莲教你写代码8 小时前
Flutter 框架跨平台鸿蒙开发 - 考试倒计时
flutter·华为·harmonyos
zk_one8 小时前
【无标题】
开发语言·前端·javascript
precious。。。9 小时前
1.2.1 三角不等式演示
前端·javascript·html
小陈工9 小时前
Python Web开发入门(十一):RESTful API设计原则与最佳实践——让你的API既优雅又好用
开发语言·前端·人工智能·后端·python·安全·restful
星空9 小时前
前段--A_2--HTML属性标签
前端·html
三万棵雪松10 小时前
【Linux 物联网网关主控系统-Web部分(一)】
linux·前端·嵌入式linux
摸鱼仙人~10 小时前
增量快照 vs 结构化共享:适用场景全解析
前端·vue.js
2301_7717172110 小时前
Jackson的使用方法详解
java·服务器·前端
A923A10 小时前
【小兔鲜电商前台 | 项目笔记】第八天
前端·vue.js·笔记·项目·小兔鲜