一个常见的Listview 示例
import 'package:flutter/material.dart';
void main(List<String> args) {
runApp(
const MaterialApp(
home: HomePage(),
),
);
}
class HomePage extends StatefulWidget {
const HomePage({super.key});
@override
State<HomePage> createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
List<int> data = List.generate(100, (i) => i);
@override
Widget build(BuildContext context) {
List<Widget> children = data
.map(
(i) => ItemBox(index: i),
)
.toList();
return Scaffold(
body: ListView(
children: children,
),
);
}
}
class ItemBox extends StatelessWidget {
final int index;
const ItemBox({super.key, required this.index});
Color get color => Colors.blue.withOpacity(index % 10 * 0.1);
@override
Widget build(BuildContext context) {
return Container(
alignment: Alignment.center,
color: color,
height: 56,
child: Text("$index"),
);
}
}
