Flutter ListView UI异常

最新推荐文章于 2024-04-07 18:18:29 发布

aprilcuhk

最新推荐文章于 2024-04-07 18:18:29 发布

阅读量398

点赞数

分类专栏： Flutter 文章标签：移动端 Flutter

本文链接：https://blog.csdn.net/aprilcuhk/article/details/101520028

版权

Flutter 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一个是正常的ListView，另外一个是带分割线的listview

为什么正常的listview，body99那里没有展示完整？？？

代码如下

  @override
  Widget build(BuildContext context) {
    // This method is rerun every time setState is called, for instance as done
    // by the _incrementCounter method above.
    //
    // The Flutter framework has been optimized to make rerunning build methods
    // fast, so that you can just rebuild anything that needs updating rather
    // than having to individually change instances of widgets.
    return Scaffold(
      appBar: AppBar(
        // Here we take the value from the MyHomePage object that was created by
        // the App.build method, and use it to set our appbar title.
        title: Text(widget.title),
      ),
      body: Center(
        // Center is a layout widget. It takes a single child and positions it
        // in the middle of the parent.
        child:
//        ListView(
//          children: <Widget>[
//            ListTile(leading: Icon(Icons.access_alarm), title: Text('access_alarm')),
//            ListTile(leading: Icon(Icons.account_balance),title:Text('account_balance')),
//            ListTile(leading: Icon(Icons.memory),title:Text('memory')),
//            ListTile(leading: Icon(Icons.mail),title: Text('mail')),
//            ListTile(leading: Icon(Icons.add_to_photos),title: Text('add_to_photos'))
//          ],
//        )
//      ListView(
//        scrollDirection: Axis.horizontal,
//        itemExtent: 360,//延展尺寸
//        children: <Widget>[
//          Container(color: Colors.black),
//          Container(color: Colors.red),
//          Container(color:Colors.blue),
//          Container(color:Colors.green),
//          Container(color: Colors.yellow),
//          Container(color: Colors.orange)
//        ],
//      )
      ListView.builder(
          itemCount: 100,
          itemExtent: 50.0,
          itemBuilder: (BuildContext context,int index)=>ListTile(title: Text('title $index'),subtitle: Text("body $index"))
      )
//          ListView.separated(
//              itemCount: 100,
//              separatorBuilder:(BuildContext context,int index) =>
//              index%2 == 0? Divider(color: Colors.green):Divider(color: Colors.red),
//              itemBuilder: (BuildContext context,int index)=>ListTile(title: Text('title $index'),subtitle: Text("body $index"))
//          )
      ),

    );
  }