Flutter入门学习--(10)ListView动态绑定数据

 ListView经常需要从数据库中读取数据，然后绑定，我们看下ListView怎么动态绑定数据

 

代码如下

import 'package:flutter/material.dart';

void main() => runApp(MyApp(
 items:new List<String>.generate(100, (i)=>"第$i项")

));

class MyApp extends StatelessWidget {
  
  final List<String> items;
  MyApp({Key key,@required this.items}):super(key:key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Flutter',
        home: Scaffold(
          appBar: AppBar(
            title: Text("List View绑定数据"),
          ),
          body: new ListView.builder(itemCount: items.length,
          itemBuilder: (context,index){
            return new Text("  ${items[index]}");
          })
          ));
  }
}

 

首先创建数据源 items:new List<String>.generate(100, (i)=>"第$i项")

其次：定义数据，并传递数据，通过钩子函数传递

final List<String> items;
  MyApp({Key key,@required this.items}):super(key:key);

    再次，绑定数据，通过 ListView.builder方法

    itemCount  指定长度

   itemBuilder 绑定数据