Flutter中如何实现不同类之间的数据传递？

以下是针对你描述的场景（A类TextField输入值传递给同文件夹下另一个文件的B类展示）的3种可直接落地的实现方案，按适用场景从简单到复杂排序：

方案1：构造函数传参（推荐优先使用，适配绝大多数轻量跳转场景） #

适用场景：A页面对应类触发路由跳转，直接打开B页面对应类，传递一次性静态参数。

• 第一步：在B类所在的dart文件中，给B类构造函数添加接收输入内容的参数

// display_page.dart （展示数据的类所在文件）
import 'package:flutter/material.dart';

class DisplayPage extends StatelessWidget {
  final String inputText;
  // 构造函数绑定入参
  const DisplayPage({super.key, required this.inputText});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("输入内容展示")),
      body: Center(
        child: Text("你输入的内容为：$inputText"),
      ),
    );
  }
}

• 第二步：在A类所在文件中获取TextField输入值，跳转时传入B类构造函数即可

// input_page.dart （存放TextField的类所在文件）
import 'package:flutter/material.dart';
// 引入同文件夹下的展示页面文件
import 'display_page.dart';

class InputPage extends StatefulWidget {
  const InputPage({super.key});

  @override
  State<InputPage> createState() => _InputPageState();
}

class _InputPageState extends State<InputPage> {
  final TextEditingController _inputController = TextEditingController();

  @override
  void dispose() {
    // 销毁控制器避免内存泄漏
    _inputController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("内容输入页")),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            TextField(
              controller: _inputController,
              decoration: const InputDecoration(hintText: "请输入需要传递的内容"),
            ),
            const SizedBox(height: 24),
            ElevatedButton(
              onPressed: () {
                // 跳转时将输入内容传入展示页构造函数
                Navigator.push(
                  context,
                  MaterialPageRoute(
                    builder: (context) => DisplayPage(inputText: _inputController.text),
                  ),
                );
              },
              child: const Text("跳转并展示内容"),
            )
          ],
        ),
      ),
    );
  }
}

方案2：实时传值回调（适配B类作为A类子组件嵌套展示的场景） #

如果不需要路由跳转，B类是A类页面内的嵌套子组件，可以用状态同步+参数传递实现输入内容实时同步：

• 第一步：给B类定义接收实时输入值的入参

// display_widget.dart
import 'package:flutter/material.dart';

class DisplayWidget extends StatelessWidget {
  final String currentInput;
  const DisplayWidget({super.key, required this.currentInput});

  @override
  Widget build(BuildContext context) {
    return Card(
      margin: const EdgeInsets.all(16),
      child: Padding(
        padding: const EdgeInsets.all(16),
        child: Text("实时输入内容：$currentInput"),
      ),
    );
  }
}

• 第二步：A类中监听TextField输入，实时更新状态传入B组件

// input_page.dart 对应build方法修改为：
@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: const Text("实时同步展示")),
    body: Padding(
      padding: const EdgeInsets.all(16.0),
      child: Column(
        children: [
          TextField(
            controller: _inputController,
            onChanged: (value) {
              // 输入变化时刷新页面状态
              setState(() {});
            },
            decoration: const InputDecoration(hintText: "输入内容会实时同步到下方"),
          ),
          const SizedBox(height: 24),
          // 直接传入当前输入值实现实时同步
          DisplayWidget(currentInput: _inputController.text),
        ],
      ),
    ),
  );
}

方案3：全局状态管理（适配多页面共享同一数据、组件嵌套层级深的复杂场景） #

如果后续需要多个跨层级页面都使用该输入值，可以用Flutter自带的ChangeNotifier实现全局状态共享，无需引入第三方依赖：

1. 新建状态管理文件app_state.dart

import 'package:flutter/foundation.dart';

class AppState extends ChangeNotifier {
  String _userInput = "";
  String get userInput => _userInput;

  void updateInput(String newInput) {
    _userInput = newInput;
    // 通知所有监听该状态的组件刷新
    notifyListeners();
  }
}

2. 在项目入口处将AppState注入到顶层组件树，后续所有页面都可以直接读取或修改该状态，无需逐层传参。

注意事项 #

• 仅做简单跳转传值优先选方案1，代码量最少，不存在过度设计问题
• 所有方案均无需引入外部第三方依赖，可直接运行调试

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