Виджет PageView

Виджет PageView хранит страницы в children или строит их через builder. Положение задаёт PageController в controller.

Синтаксис

PageView(
	children: [Center(child: Text('abcde'))],
)

Параметры

Параметр	Описание
`children`	Список страниц для обычного конструктора.
`controller`	`PageController`.
`scrollDirection`	Горизонтальное или вертикальное листание.

Методы

Метод	Описание
`builder`	`PageView`. Давайте разберём вызов на примерах.
`custom`	`PageView`. Давайте разберём вызов на примерах.

Пример

Давайте полистаем две страницы:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: PageView(
					children: [
						Center(child: Text('abcde')),
						Center(child: Text('12345')),
					],
			),
		),
	);
}

На экране одна подпись, вторую увидите после свайпа.

Пример

Давайте включим вертикальное листание:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: PageView(
					scrollDirection: Axis.vertical,
					children: [
						Center(child: Text('abcde')),
						Center(child: Text('12345')),
					],
			),
		),
	);
}

На экране страницы сменяются свайпом вверх и вниз.

Смотрите также

виджет NestedScrollView,
который часто ставят рядом в прокручиваемых экранах
метод builder,
который дополняет работу с прокруткой
виджет CustomScrollView,
который помогает собрать сложный список
метод custom,
который задаёт поведение или данные прокрутки