Flutter中如何从第二个页面向第一个页面传递List？

方法1：通过Navigator返回时传递List #

这是最直接的实现方式，逻辑和传递单个数据完全一致，只是把参数替换为List即可：

第二个页面返回时传递List #

在第二个页面的State类中，调用Navigator.pop时直接传入List对象：

// _targetList是你要传递的List，比如List<String>或自定义类型列表
Navigator.pop(context, _targetList);

第一个页面接收返回值 #

跳转第二个页面时用await获取返回的List，再更新当前页面状态：

final List<YourType>? receivedList = await Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => SecondPage()),
);

if (receivedList != null) {
  setState(() {
    // 将接收的List赋值给第一个页面的变量
    _localList = receivedList;
  });
}

注：这里的YourType需要替换为你实际的List元素类型，比如String、CustomModel等。

方法2：使用回调函数实时同步List #

如果第二个页面的List需要实时更新到第一个页面（比如用户操作List时立即同步），可以给第二个页面传入回调函数：

第一个页面跳转时传入回调 #

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => SecondPage(
      onListChanged: (List<YourType> updatedList) {
        setState(() {
          _localList = updatedList;
        });
      },
    ),
  ),
);

第二个页面定义回调参数 #

class SecondPage extends StatefulWidget {
  final Function(List<YourType>) onListChanged;

  const SecondPage({super.key, required this.onListChanged});

  @override
  State<SecondPage> createState() => _SecondPageState();
}

第二个页面触发回调更新List #

当页面内的List发生变化时，调用回调通知第一个页面：

// 假设_list是当前页面的List，更新后触发回调
widget.onListChanged(_list);

方法3：共享状态管理（以Provider为例） #

如果多个页面需要共享这个List，或者页面层级较深，使用状态管理会更高效：

1. 创建状态管理类 #

class ListStore extends ChangeNotifier {
  List<YourType> _dataList = [];

  List<YourType> get dataList => _dataList;

  void updateList(List<YourType> newList) {
    _dataList = newList;
    notifyListeners(); // 通知监听页面更新
  }
}

2. 在顶层包裹状态管理 #

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

3. 第二个页面更新List #

final store = Provider.of<ListStore>(context, listen: false);
store.updateList(_updatedList);

4. 第一个页面监听List变化 #

// 直接获取List
final currentList = Provider.of<ListStore>(context).dataList;

// 或者用Consumer优化性能
Consumer<ListStore>(
  builder: (context, store, child) {
    return ListView.builder(
      itemCount: store.dataList.length,
      itemBuilder: (context, index) {
        return Text(store.dataList[index].toString());
      },
    );
  },
);

其实传递List和单个数据的逻辑本质一致——List也是一个对象，之前如果没生效，大概率是类型不匹配或接收逻辑有误，检查一下变量类型和返回值接收代码即可。

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