记录:Flutter Listview 纵向/横向列表

数据:

var city_name = [
  "广州",
  "深圳",
  "北京",
  "上海",
  "杭州",
  "天津",
  "重庆",
  "成都",
  "厦门",
  "长沙",
  "哈尔滨",
  "西安"
];
Scaffold内body 实现Listview列表,数据源是数组,所以children使用map或者foreach遍历创建Item即可

如下:

class _ItemStateFulWidgetState extends State<ItemStateFulWidget> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        title: Center(
          child: Text(
            "列表",
            style: TextStyle(color: Colors.red, fontSize: 24.0),
          ),
        ),
      ),
      body: ListView(
        // 横向 horizontal 纵向 vertical
        scrollDirection: Axis.vertical,
        children: createBuildList(),
      ),
    );
  }

🏪创建实现:

//遍历返回每一个数组索引对象,据此创建Item,最终转为list返回
  List<Wid
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值