Flutter PageView示例

class PageViewComponent extends StatefulWidget{
  
  const PageViewComponent({Key? key, required this.title}) : super(key: key);

  final String title;
  
  @override
  State<PageViewComponent> createState() {
    return PageViewState();
  }
}

class PageViewState extends State<PageViewComponent>{
  @override
  Widget build(BuildContext context) {
    var children = <Widget>[];
    // 生成 6 个 Tab 页
    for (int i = 0; i < 6; ++i) {
      children.add( Page( text: '$i'));
    }

    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: PageView(
        children: children,
      ),
    );
  }
}

class Page extends StatefulWidget{

  const Page({Key?key, required this.text}):super(key:key);

  final String text;

  @override
  State<Page> createState() {
    return PageSate();
  }
}

class PageSate extends State<Page> with AutomaticKeepAliveClientMixin{
  @override
  Widget build(BuildContext context) {
    return Center(child: Text(widget.text,textScaleFactor: 5,));
  }

  @override
  bool get wantKeepAlive => true;

}