前言:在实际开发中,这种写死的,或者叫静态的列表使用的非常少。我们常用的是动态列表,比如我们的数据从后台读取过来,然后存入一个变量数组里,然后以数组的内容循环出一个列表。
一、List类型的使用
List是Dart的集合类型之一,其实你可以把它简单理解为数组(反正我是这么认为的),其他语言也都有这个类型。它的声明有几种方式:
var myList = List()
: 非固定长度的声明。var myList = List(2)
: 固定长度的声明。var myList= List<String>()
:固定类型的声明方式。var myList = [1,2,3]
: 对List直接赋值。
那我们这里使用的是一个List传递,然后直接用List中的generate
方法进行生产List里的元素。最后的结果是生产了一个带值的List变量。代码如下:
void main () => runApp(MyApp(
items: new List<String>.generate(1000, (i)=> "Item $i")
));
说明:再main
函数的runApp中调用了MyApp类,再使用类的使用传递了一个items
参数,并使用generate生成器对items
进行赋值。
generate方法传递两个参数,第一个参数是生成的个数,第二个是方法。
二、接受参数
我们已经传递了参数,那MyApp这个类是需要接收的。
final List<String> items;
MyApp({Key key, @required this.items}):super(key:key);
这是一个构造函数,除了Key,我们增加了一个必传参数,这里的@required
意思就必传。:super
如果父类没有无名无参数的默认构造函数,则子类必须手动调用一个父类构造函数。
这样我们就可以接收一个传递过来的参数了,当然我们要事先进行声明。
三、动态列表 ListView.builder()
接受了值之后,就可以直接调用动态列表进行生成了。具体代码如下:
import 'package:flutter/material.dart';
//主函数(入口函数)
void main() {
runApp(MyApp(
//main函数的runApp中调用了MyApp类,再使用类的使用传递了一个items参数,并使用generate生成器对items进行赋值。
//使用的是一个List传递,然后直接用List中的generate方法进行生产List里的元素。最后的结果是生产了一个带值的List变量。
items:new List<String>.generate(1000, (i)=>"item $i")//List可以理解为数组
//generate方法传递两个参数,第一个参数是生成的个数,第二个是方法
));
}
//声明MyApp类继承-StatelessWidget:具有不可变状态(state)的Widget(窗口小部件).
class MyApp extends StatelessWidget{
//我们已经传递了参数,那MyApp这个类是需要接收的。
final List<String> items;
//这是一个构造函数,除了Key,我们增加了一个必传参数,这里的@required意思是必传。:super如果父类没有无名无参数的默认构造函数,则子类必须手动调用一个父类构造函数。
MyApp({Key key,@required this.items}):super(key:key);
//重写build方法
@override
Widget build(BuildContext context) {
//返回一个material风格的组件
return MaterialApp(
title: 'Welcome to Flutter',
//Scaffold:实现了基本的 Material 布局,可以理解为一个布局的容器
home: Scaffold( //home : 应用默认所显示的界面 Widget
appBar: AppBar(
title: Text('Welcome to Flutter'),
),
body:new ListView.builder( //添加一个动态列表,子item数量是可变的,用builder方式构建。
itemCount: items.length, //列表长度
itemBuilder: (context,index){ //构建item
return new ListTile(
title: new Text("${items[index]}"), //接收索引值
);
},
)
),
theme: new ThemeData(primaryColor: Colors.red), // 设置主题颜色
);
}
}
现在我们可以启动虚拟机来查看,我们的列表的效果了。