美文网首页
15.listView组件的简单使用

15.listView组件的简单使用

作者: 凯司机 | 来源:发表于2020-06-10 10:44 被阅读0次

移动端数据量比较大时,我们都是通过列表来进行展示的,比如商品数据、聊天列表、通信录、朋友圈等。

在Android中,我们可以使用ListView或RecyclerView来实现,在iOS中,我们可以通过UITableView来实现。

在Flutter中,我们也有对应的列表Widget,就是ListView。

ListView可以沿一个方向(垂直或水平方向,默认是垂直方向)来排列其所有子Widget。

一种最简单的使用方式是直接将所有需要排列的子Widget放在ListView的children属性中即可。

我们来看一下直接使用ListView的代码演练:

为了让文字之间有一些间距,我使用了Padding Widget

classMyHomeBodyextendsStatelessWidget{

  final TextStyle textStyle = TextStyle(fontSize: 20, color: Colors.redAccent);

  @override

  Widget build(BuildContext context) {

    return ListView(

      children: <Widget>[

        Padding(

          padding: const EdgeInsets.all(8.0),

          child: Text("人的一切痛苦,本质上都是对自己无能的愤怒。", style: textStyle),

        ),

        Padding(

          padding: const EdgeInsets.all(8.0),

          child: Text("人活在世界上,不可以有偏差;而且多少要费点劲儿,才能把自己保持到理性的轨道上。", style: textStyle),

        ),

        Padding(

          padding: const EdgeInsets.all(8.0),

          child: Text("我活在世上,无非想要明白些道理,遇见些有趣的事。", style: textStyle),

        )

      ],

    );

  }

}

相关文章

网友评论

      本文标题:15.listView组件的简单使用

      本文链接:https://www.haomeiwen.com/subject/vquutktx.html