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,
  );
}
相关推荐
非优秀程序员10 小时前
第10章 千团出世|《互联网产品恩仇录》
前端
非优秀程序员10 小时前
第11章 小高在对面|《互联网产品恩仇录》
前端
非优秀程序员10 小时前
第14章 只剩美团|《互联网产品恩仇录》
前端
非优秀程序员10 小时前
第09章 老乡何必为难老乡|《互联网产品恩仇录》
前端
非优秀程序员10 小时前
第03章 三大门户,烽烟起于瀛海威|《互联网产品恩仇录》
前端
曦樂~14 小时前
【Web Development】02 CSS
前端·css
风骏时光牛马14 小时前
后端服务接口开发与数据逻辑处理
前端
东鹏特饮14 小时前
经典打砖块(Breakout)游戏
前端·css·css3
IT_陈寒15 小时前
Vite的HMR把我整不会了:一个生产环境的热更新坑
前端·人工智能·后端