如何向数组包裹的多个类实例传递可变更的indexTheme参数？

方案一：直接统一传参（简单直接） #

先去掉实例前的const（因为变量无法作为const构造器的参数），直接在每个实例的构造器中传入indexTheme变量：

int indexTheme = 1;

final screenData = [
  homeTest(index: indexTheme),
  productPage(index: indexTheme),
  trading(index: indexTheme),
  inventoryPage(index: indexTheme),
  masterPage(index: indexTheme),
  financePage(index: indexTheme),
];

优点：实现简单，无需额外代码；后续修改indexTheme的值时，所有实例都会自动使用最新值。
缺点：页面类较多时，代码存在重复。

方案二：用工厂函数列表生成实例（减少重复） #

先定义一个存储工厂函数的列表，每个函数接收indexTheme并返回对应页面实例，再通过map生成最终的实例数组：

int indexTheme = 1;

// 定义工厂函数列表，每个函数负责创建对应页面并传入参数
final List<Widget Function(int)> screenFactories = [
  (index) => homeTest(index: index),
  (index) => productPage(index: index),
  (index) => trading(index: index),
  (index) => inventoryPage(index: index),
  (index) => masterPage(index: index),
  (index) => financePage(index: index),
];

// 生成最终的实例数组
final screenData = screenFactories.map((factory) => factory(indexTheme)).toList();

优点：后续新增页面只需在screenFactories中添加对应的工厂函数，修改indexTheme只需改一处，维护性更强。

方案三：用状态管理共享参数（最灵活，适合复杂场景） #

如果这些页面是Flutter组件，推荐使用状态管理工具共享indexTheme，无需在实例化时手动传参：

1. 定义状态提供者 #

import 'package:flutter/material.dart';

class ThemeIndexProvider extends ChangeNotifier {
  int _indexTheme = 1;

  int get indexTheme => _indexTheme;

  // 更新主题索引的方法
  void updateIndex(int newIndex) {
    _indexTheme = newIndex;
    notifyListeners(); // 通知所有依赖的组件更新
  }
}

2. 在父组件中提供状态 #

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (_) => ThemeIndexProvider(),
      child: const MyApp(),
    ),
  );
}

3. 在页面组件中获取参数 #

class homeTest extends StatelessWidget {
  const homeTest({super.key}); // 无需接收indexTheme参数

  @override
  Widget build(BuildContext context) {
    // 从状态提供者中获取最新的indexTheme
    final indexTheme = Provider.of<ThemeIndexProvider>(context).indexTheme;
    
    return Scaffold(
      // 使用indexTheme构建UI
      body: Text("当前主题索引：$indexTheme"),
    );
  }
}

优点：完全摆脱手动传参的繁琐，修改indexTheme时所有依赖的页面会自动更新，适合需要全局或局部共享状态的场景。

内容的提问来源于stack exchange，提问作者Tsabit