求助：无法在其他页面的Text Widget中使用并传递变量

问题描述 #

• 已定义变量，但无法在其他页面的Text Widget中调用使用
• 变量跨页面传递失败

可行解决方案 #

• 全局状态管理（适合多页面共享变量场景）
  用Provider、Riverpod这类状态管理工具，将变量存入全局状态，目标页面直接读取：

  // 全局状态类
  class GlobalState extends ChangeNotifier {
    String _myVar = "";
    String get myVar => _myVar;
    void updateVar(String value) {
      _myVar = value;
      notifyListeners();
    }
  }
  
  // 源页面设置变量
  Provider.of<GlobalState>(context, listen: false).updateVar("要传递的内容");
  
  // 目标页面Text Widget使用
  Text(Provider.of<GlobalState>(context).myVar)
  

• 路由参数传递（适合单次页面跳转传递）
  跳转时携带参数，目标页面接收后直接在Text中使用：

  // 源页面跳转
  Navigator.push(context, MaterialPageRoute(
    builder: (ctx) => TargetPage(transVar: "要传递的内容")
  ));
  
  // 目标页面实现
  class TargetPage extends StatelessWidget {
    final String transVar;
    const TargetPage({super.key, required this.transVar});
  
    @override
    Widget build(BuildContext context) {
      return Text(transVar);
    }
  }
  

• 本地存储持久化（适合需要保存变量的场景）
  用SharedPreferences把变量存在本地，目标页面读取后显示：

  // 源页面保存
  SharedPreferences prefs = await SharedPreferences.getInstance();
  await prefs.setString("storedVar", "要传递的内容");
  
  // 目标页面读取
  String? varValue = prefs.getString("storedVar");
  Text(varValue ?? "默认文本");
  

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