我可以使用 for 循环来创建 class 吗？

Question

我为 main.dart 中的滑动 Page1()、Page2() 创建了滑动应用程序，class Page1()、Page2() 显示在 pages.dart 中。我使用的所有代码来自 tutorial (github).

我想创建 30 个页面。我可以使用 for 循环创建 30 class 吗？

main.dart

class _MyHomePageState extends State<MyHomePage> {
  int _seletedItem = 0;
  var _pages = [Page1(), Page2()];
  var _pageController = PageController();

pages.dart

class Page1 extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return Scaffold(body: Center(child: Text('First Page', style: TextStyle(fontSize: 50.0),),),);
  }
}

class Page2 extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return Scaffold(body: Center(child: Text('Second Page',style: TextStyle(fontSize: 50.0),),),);
  }
}

Answer 1

你可以像这里的这个例子那样做，我将索引作为参数传递给页面，但你也可以从你的自定义列表中传递你的自定义数据。


class MyHomePage extends StatefulWidget {
  MyHomePage({Key key}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _seletedItem = 0;
  var _pageController = PageController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Page Controller looop - Demo'),
      ),
      body: PageView(
        children: List<Widget>.generate(1000,(i) => Page(i:i);,
        onPageChanged: (index) {
          setState(() {
            _seletedItem = index;
          });
        },
        controller: _pageController,
      ),
     
    );
  }
}


class Page extends StatelessWidget {
  final i;

  const Page({Key key, this.i}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text(
          '$i Page',
          style: TextStyle(fontSize: 50.0),
        ),
      ),
    );
  }
}

我可以使用 for 循环来创建 class 吗？

Can I use for loop to create class?

dart

flutter

flutter-pageview