PageView 组件.png
//导入Material UI 组件库
import 'package:flutter/material.dart';
//程序入口
void main() {
runApp(const MaterialApp(
debugShowCheckedModeBanner: false, home: PageViewWidget()));
}
class PageViewWidget extends StatefulWidget {
const PageViewWidget({Key? key}) : super(key: key);
@override
State<StatefulWidget> createState() => _PageViewState();
}
class _PageViewState extends State<PageViewWidget> {
final List<Widget> _pageChildren = [];
@override
void initState() {
super.initState();
for (int i = 0; i < 6; ++i) {
_pageChildren.add(PageWidget(text: '$i'));
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('PageView 组件'),
),
body: PageView(
//缓存前后各一页
allowImplicitScrolling: true,
//scrollDirection: Axis.vertical,
children: _pageChildren,
),
);
}
}
class PageWidget extends StatefulWidget {
final String text;
const PageWidget({Key? key, required this.text}) : super(key: key);
@override
_PageState createState() => _PageState();
}
class _PageState extends State<PageWidget> {
@override
Widget build(BuildContext context) {
print("build ${widget.text}");
return Center(child: Text(widget.text, textScaleFactor: 5));
}
}
