Flutter/Dart中如何向另一个页面的类传递数据？

方案一：官方推荐的widget.xxx访问方式 #

这是你之前调整后解决问题的标准方案，核心是利用State类内置的widget属性访问对应StatefulWidget的成员变量：

1. 确保NewGameRoute类正确接收并存储参数：

class NewGameRoute extends StatefulWidget {
  final int listCount;
  final String assetPath;

  // 构造函数必须初始化必填参数，添加required修饰符
  const NewGameRoute({
    super.key,
    required this.listCount,
    required this.assetPath,
  });

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

2. 在_ListFromCSVState类中通过widget前缀访问参数：

class _ListFromCSVState extends State<NewGameRoute> {
  @override
  void initState() {
    super.initState();
    // 示例：初始化阶段使用参数
    print('传入的listCount: ${widget.listCount}');
    print('传入的assetPath: ${widget.assetPath}');
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text('列表数量: ${widget.listCount}'),
            Text('资源路径: ${widget.assetPath}'),
          ],
        ),
      ),
    );
  }
}

验证方式：运行后查看控制台输出，或UI上是否正确显示参数值，确认无编译错误即可。

方案二：通过State构造函数传递参数（非推荐，仅用于验证理解） #

这种方式可以实现参数传递，但不符合Flutter的设计逻辑，适合用来对比理解State与Widget的绑定关系：

1. 修改_ListFromCSVState类，添加带参数的构造函数：

class _ListFromCSVState extends State<NewGameRoute> {
  final int listCount;
  final String assetPath;

  // 自定义构造函数接收参数
  _ListFromCSVState({
    required this.listCount,
    required this.assetPath,
  });

  @override
  void initState() {
    super.initState();
    print('State构造函数接收的listCount: $listCount');
  }

  // ... 其他代码
}

2. 在NewGameRoute的createState方法中传递参数：

@override
_ListFromCSVState createState() => _ListFromCSVState(
      listCount: listCount,
      assetPath: assetPath,
    );

验证要点：

• 首次进入页面时参数能正常读取，但如果主页面修改参数后重新导航到NewGameRoute，你会发现State中的参数不会更新——因为State对象在Widget重建时不会重新创建，而widget.xxx会实时读取最新的Widget参数。这也是为什么官方推荐第一种方案的原因。

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