Flutter 列表【代码实践】

Flutter 列表【代码实践】

一、自定义列表

1、自定义列表项

截图

代码

import 'package:flutter/material.dart';

class TestPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Test Page'),
      ),
      body: Container(
        child: ListView.builder(
          itemCount: 30,
          itemBuilder: (context, index) {
            if (index == 0) {
              return Container(
                height: 200,
                color: Colors.red,
              );
            } else if (index == 1) {
              return Container(
                height: 200,
                color: Colors.blue,
              );
            } else {
              return ListTile(
                title: Text('Item $index'),
              );
            }
          },
        )
      ),
    );
  }
}