Flutter中如何在多个方法、组件中复用变量

你的核心问题是变量作用域限制：你在KpostalView的回调函数里定义的_resultAddress是局部变量，只能在那个回调内部使用，外部的Text组件根本访问不到它。要在多个位置复用这个变量，得把它升级为组件的状态变量，或者用全局状态管理方案。

基础方案：用StatefulWidget管理状态 #

把当前的无状态组件改成有状态组件，将地址变量作为状态成员存储，通过setState更新状态来刷新UI：

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

  @override
  State<AddressPickerPage> createState() => _AddressPickerPageState();
}

class _AddressPickerPageState extends State<AddressPickerPage> {
  // 定义状态变量，初始值为null或者默认提示文本
  String? _resultAddress;

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () async {
        await Navigator.push(
          context,
          MaterialPageRoute(
            builder: (_) => KpostalView(
              callback: (Kpostal result) {
                // 用setState更新状态，触发UI刷新
                setState(() {
                  _resultAddress = result.address;
                });
                print(_resultAddress);
              },
            ),
          ),
        );
      },
      child: Container(
        height: 48.0,
        decoration: BoxDecoration(
          color: Colors.red,
          border: Border.all(color: Colors.green),
        ),
        // 用空值运算符处理初始状态，避免null报错
        child: Text(_resultAddress ?? '请选择地址'),
      ),
    );
  }
}

全局复用方案：状态管理工具 #

如果需要在多个页面、方法里复用这个地址变量，推荐用Flutter的状态管理工具（比如Provider、Riverpod、GetX）。以Provider为例：

1. 创建一个状态类：

class AddressProvider extends ChangeNotifier {
  String? _address;

  String? get address => _address;

  void updateAddress(String newAddress) {
    _address = newAddress;
    notifyListeners(); // 通知监听的UI更新
  }
}

2. 在应用顶层注册Provider：

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

3. 在需要的地方读取和更新地址：

// 选择地址时更新状态
GestureDetector(
  onTap: () async {
    await Navigator.push(
      context,
      MaterialPageRoute(
        builder: (_) => KpostalView(
          callback: (Kpostal result) {
            Provider.of<AddressProvider>(context, listen: false)
                .updateAddress(result.address);
          },
        ),
      ),
    );
  },
)

// 在任意组件里读取地址
Consumer<AddressProvider>(
  builder: (context, provider, child) {
    return Text(provider.address ?? '请选择地址');
  },
)

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