flutter - widget(二)

ListView

import 'package:flutter/material.dart';

void main() {
  runApp(ListWidget( items: List<String>.generate(1000, (i)=> "Item $i")));
}

class ListWidget extends StatelessWidget{

   final List<String>? items ;

   ListWidget({Key? key, @required this.items}):super(key:key);
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "listview widget",
      home: Scaffold(
        appBar: AppBar(title: const Text("listview widget demo")),
        body: ListView.builder(
            itemCount: items?.length,
            itemBuilder: (context,index){
              return   ListTile(
                title:Text(items![index]) ,
              );
            }),
        // body: ListView(
        //   scrollDirection: Axis.horizontal,//横向
        //   children: <Widget>[
        //     Image.network("https://image.baidu.com/search/albumsdetail?tn=albumsdetail&word=%E5%9F%8E%E5%B8%82%E5%BB%BA%E7%AD%91%E6%91%84%E5%BD%B1%E4%B8%93%E9%A2%98&fr=searchindex_album%20&album_tab=%E5%BB%BA%E7%AD%91&album_id=7&rn=30"),
        //     Image.network("https://image.baidu.com/search/albumsdetail?tn=albumsdetail&word=%E6%B8%90%E5%8F%98%E9%A3%8E%E6%A0%BC%E6%8F%92%E7%94%BB&fr=albumslist&album_tab=%E8%AE%BE%E8%AE%A1%E7%B4%A0%E6%9D%90&album_id=409&rn=30"),
        //     Image.network("https://image.baidu.com/search/albumsdetail?tn=albumsdetail&word=%E8%88%AA%E6%8B%8D%E5%9C%B0%E7%90%83%E7%B3%BB%E5%88%97&fr=albumslist&album_tab=%E8%AE%BE%E8%AE%A1%E7%B4%A0%E6%9D%90&album_id=312&rn=30"),
        //     Image.network("https://t7.baidu.com/it/u=2851687453,2321283050&fm=193&f=GIF"),
        //   /*  ListTile(
        //       leading: Icon(Icons.time_to_leave),
        //       title: Text("time_to_leave"),
        //     ),
        //     ListTile(
        //       leading: Icon(Icons.access_alarm),
        //       title: Text("access_alarm"),
        //     ),
        //     ListTile(
        //       leading: Icon(Icons.sailing),
        //       title: Text("sailing"),
        //     ),*/
        //   ],
        // ),
      ),
    );
  }

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值