flutter基础之ListView

数据列表显示是移动应用最基础的功能，flutter提供ListView Widget来帮我们轻松构建数据列表。

ListView 基础格式

ListView(
  children: [
    ListTile(
      leading: Icon(Icons.map),
      title: Text('Map'),
    ),
    ListTile(
      leading: Icon(Icons.photo_album),
      title: Text('Album'),
    ),
    ListTile(
      leading: Icon(Icons.phone),
      title: Text('Phone'),
    ),
  ],
);

ListView demo

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
   final title = 'Basic List';

   return MaterialApp(
     title: title,
     home: Scaffold(
       appBar: AppBar(
         title: Text(title),
       ),
       body: ListView(
         children: [
           ListTile(
             leading: Icon(Icons.map),
             title: Text('Map'),
           ),
           ListTile(
             leading: Icon(Icons.photo_album),
             title: Text('Album'),
           ),
           ListTile(
             leading: Icon(Icons.phone),
             title: Text('Phone'),
           ),
         ],
       ),
     ),
   );
 }
}

运行效果

[email protected]