Виджет ListView в Flutter
Когда строк больше, чем помещается на экране,
нужна прокрутка. Её даёт виджет
ListView:
он сам занимает
доступное место по главной оси и позволяет
листать потомков вверх и вниз.
У простого ListView список потомков
задают так же, как у Column - параметром
children. Разница в том, что
ListView создаёт область прокрутки
и рисует только видимую часть списка:
import 'package:flutter/material.dart';
void main() {
runApp(const MaterialApp(home: HomePage()));
}
class HomePage extends StatelessWidget {
const HomePage({super.key});
static const items = [
'Apple',
'Pear',
'Plum',
'Apricot',
'Peach',
'Cherry',
'Sweet cherry',
'Cherry plum',
];
@override
Widget build(BuildContext context) {
return Scaffold(
body: ListView(
children: [
for (final name in items)
ListTile(title: Text(name)),
],
),
);
}
}
Соберите ListView из двадцати
ListTile.
Подписи возьмите циклом for:
'Day 1' … 'Day 20'.
Последние строки уходят за нижний край,
список листается.