Создаем портфолио за 1 месяц
К концу месяца: 4 классных проекта в вашем портфолио! Стоимость: 100$. Подробности...
⊗flPmLsLV 48 of 125 menu
◀ ▶

Виджет 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'. Последние строки уходят за нижний край, список листается.

← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить