Flutter中如何在其他类或Widget中访问已创建的List列表数据

你遇到的报错原因是plans列表定义在私有State类_PlanOverviewState内部，属于类私有属性，外部组件没有持有该类的实例引用，自然无法直接访问。可以根据你的业务场景选择以下方案解决：

方案1：构造函数传参（适用父子/路由跳转场景，最简便） #

如果需要访问plans的组件是通过PlanOverview页面跳转打开的，直接在跳转时将需要的单个plan字符串通过构造参数传递给目标组件即可：

1. 跳转时传参（在_PlanOverviewState内执行跳转逻辑的位置编写）

// 假设i是你要传递的plan对应的下标
Navigator.of(context).push(MaterialPageRoute(
  builder: (context) => TargetPage(planName: plans[i])
));

2. 目标页面接收参数使用

class TargetPage extends StatelessWidget {
  // 定义属性接收传递的参数
  final String planName;
  const TargetPage({super.key, required this.planName});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // 直接使用传入的参数即可
      appBar: AppBar(title: Text(planName)),
    );
  }
}

方案2：状态管理（适用多组件/跨层级共享数据场景） #

如果多个页面都需要读写plans列表，推荐将plans的状态提升到全局可访问的状态层，以Flutter官方推荐的Provider为例：

1. 定义全局状态类

import 'package:flutter/foundation.dart';

class PlanProvider extends ChangeNotifier {
  // 存储plans列表
  final List<String> _plans = ['Plan A', 'Plan B'];
  List<String> get plans => _plans;

  // 封装添加计划的方法
  void addPlan(String newPlan) {
    _plans.add(newPlan);
    // 通知所有监听的组件更新
    notifyListeners();
  }
}

2. 在项目入口注册状态

import 'package:provider/provider.dart';

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

3. 原_PlanOverviewState调整为从状态层读取数据

class _PlanOverviewState extends State<PlanOverview> {
  void addPlan(String neuerPlan) {
    // 调用状态层的addPlan方法
    Provider.of<PlanProvider>(context, listen: false).addPlan(neuerPlan);
    Navigator.of(context).pop();
  }

  // 要使用plans列表时，通过以下方式获取
  // List<String> plans = Provider.of<PlanProvider>(context).plans;
}

4. 目标页面直接从状态层获取数据

@override
Widget build(BuildContext context) {
  // 直接获取全局的plans列表
  List<String> plans = Provider.of<PlanProvider>(context).plans;
  return Scaffold(
    appBar: AppBar(title: Text(plans[i]))
  );
}

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