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,
  );
}
相关推荐
见山是山-见水是水几秒前
鸿蒙flutter第三方库适配 - 多语言应用
flutter·华为·harmonyos
han_2 分钟前
JavaScript设计模式(十):模板方法模式实现与应用
前端·javascript·设计模式
麒麟ZHAO3 分钟前
Flutter 框架跨平台鸿蒙开发 - 匿名真心话
flutter·华为·harmonyos
得物技术4 分钟前
立正请站好:一个组件复用 Skill 的工程化实践|得物技术
前端·架构·ai编程
langyuejing10 分钟前
Flutter 原生能力集成指南
flutter
攀登的牵牛花13 分钟前
OpenClaw 的内心独白,关于最近很火的Harness?
前端·openai
麒麟ZHAO13 分钟前
鸿蒙flutter第三方库适配 - 新闻阅读应用
flutter·华为·harmonyos
浩星14 分钟前
electron系列8之Electron + Vue 3:构建现代化桌面应用(下)
前端·vue.js·electron
西西学代码15 分钟前
查找设备页面(amap_map)
开发语言·前端·javascript
m0_7381207223 分钟前
渗透测试基础ctfshow——Web应用安全与防护(四)
前端·安全·web安全·网络安全·flask·弱口令爆破