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,
  );
}
相关推荐
new code Boy15 小时前
NestJS、Nuxt.js 和 Next.js
前端·后端
进击切图仔15 小时前
执行 shell 脚本 5 种方式对比
前端·chrome
局i15 小时前
React 简单地图组件封装:基于高德地图 API 的实践(附源码)
前端·javascript·react.js
执行部之龙15 小时前
AI对话平台核心技术解析
前端
yuki_uix15 小时前
防抖(Debounce):从用户体验到手写实现
前端·javascript
HelloReader15 小时前
Flutter 进阶 UI搭建 iOS 风格通讯录应用(十一)
前端
张元清15 小时前
每个 React 开发者都需要的 10 个浏览器 API Hooks
前端·javascript·面试
HelloReader15 小时前
Flutter ListenableBuilder让界面自动响应数据变化(十)
前端
yuki_uix15 小时前
深拷贝:JavaScript 引用类型的完全复制之道
前端·javascript
默默学前端16 小时前
JavaScript 中 call、apply、bind 的区别
开发语言·前端·javascript