写点什么

Flutter 常用组件 -ListView- 列表组件,深入浅出 Android

作者:嘟嘟侠客
  • 2021 年 11 月 27 日
  • 本文字数:1856 字

    阅读完需:约 6 分钟

实现效果如下图:



  • title:标题可以是任何小部件,但通常是文本小部件

  • subtitle:副标题,标题下面较小的文本

  • leading:前置图标

  • trailing:后置图标

  • contentPadding:内容内边距

  • onTap:点击事件

  • onLongPress:长安事件

  • selected:是否选中状态

2、ListView 的声明使用

/**


  • 列表组件*/class ListViewWidget extends StatelessWidget {@overrideWidget build(BuildContext context) {//列表组件 return ListView(children: <Widget>[ListTile(leading: Icon(Icons.access_time), title: Text('access_time')),ListTile(leading: Icon(Icons.account_balance), title: Text('account_balance')),]);}}


实现效果如下图:



使用 ListView,然后在他的内部 children 中,使用了 widget 数组,因为是一个列表,所以它接受一个数组,然后有使用了 listTite 组件,在组件中放置了前置图标和文字。

3、横向列表的使用

横向列表如何使用。其实还是使用 ListView 组件,只是在 ListView 组件里加一个 ScrollDirection 属性。


/**


  • 横向列表*/class ListViewHorizontalWidget extends StatelessWidget {@overrideWidget build(BuildContext context) {//列表组件 return ListView(//滚动方向 scrollDirection: Axis.horizontal,children: <Widget>[Container(width: 180.0,color: Colors.lightBlue,),Container(width: 180.0,color: Colors.amber,),Container(width: 180.0,color: Colors.deepOrange,),Container(width: 180.0,color: Colors.deepPurpleAccent,),],);}}


实现效果如下图:



  • scrollDirection:滚动方向 Axis.horizontal:水平 Axis.vertical:垂直

4、动态列表的使用

在实际开发中,静态的列表使用的非常少。最常用的是动态列表,比如数据从后台读取过来,然后存入一个变量数组里,然后以数组的内容循环出一个列表。

List 类型的使用

List 是 Dart 的集合类型之一,它的声明有几种方式:


  • var myList = List(): 非固定长度的声明。

  • var myList = List(2): 固定长度的声明。

  • var myList= List<String>():固定类型的声明方式。

  • var myList = [1,2,3]: 对 List 声明同时直接赋值。


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


/**


  • 动态列表组件*/class DynamicListApp extends StatelessWidget {final List<String> items;


DynamicListApp({Key key, @required this.items}) : super(key: key);


@overrideWidget build(BuildContext context) {return MaterialApp(title: "DynamicList",home: Scaffold(appBar: AppBar(title: Text("DynamicList"),),body: Center(child: ListView.builder(itemCount: this.items.length,itemBuilder: (context, index) {return ListTile(

面试复习路线,梳理知识,提升储备

自己的知识准备得怎么样,这直接决定了你能否顺利通过一面和二面,所以在面试前来一个知识梳理,看需不需要提升自己的知识储备是很有必要的。


关于知识梳理,这里再分享一下我面试这段时间的复习路线:(以下体系的复习资料是我从各路大佬收集整理好的)


  • 架构师筑基必备技能

  • Android 高级 UI 与 FrameWork 源码

  • 360°全方面性能调优

  • 解读开源框架设计思想

  • NDK 模块开发

  • 微信小程序

  • Hybrid 开发与 Flutter


![](https://upload-i


《Android 学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享


mages.jianshu.io/upload_images/16595031-5cbb13b5311e7810.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)


知识梳理完之后,就需要进行查漏补缺,所以针对这些知识点,我手头上也准备了不少的电子书和笔记,这些笔记将各个知识点进行了完美的总结:



《960 全网最全 Android 开发笔记》



《379 页 Android 开发面试宝典》


历时半年,我们整理了这份市面上最全面的安卓面试题解析大全包含了腾讯、百度、小米、阿里、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。熟悉本文中列出的知识点会大大增加通过前两轮技术面试的几率。


如何使用它?


1.可以通过目录索引直接翻看需要的知识点,查漏补缺。2.五角星数表示面试问到的频率,代表重要推荐指数



《507 页 Android 开发相关源码解析》


只要是程序员,不管是 Java 还是 Android,如果不去阅读源码,只看 API 文档,那就只是停留于皮毛,这对我们知识体系的建立和完备以及实战技术的提升都是不利的。


真正最能锻炼能力的便是直接去阅读源码,不仅限于阅读各大系统源码,还包括各种优秀的开源库。


本文已被CODING开源项目:《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录

用户头像

嘟嘟侠客

关注

还未添加个人签名 2021.03.19 加入

还未添加个人简介

评论

发布
暂无评论
Flutter常用组件-ListView-列表组件,深入浅出Android