如何将列表从第二个屏幕传递到 flutter 中的第一个屏幕？

Question

我的第一个和第二个屏幕上有一个有状态的小部件。 我的第二个屏幕中有一个列表，我想将其传递到我的第一个屏幕。

怎么做？

我知道如何在屏幕之间传递单个数据，但它不适用于列表。

Answer 1

Navigator.push(是未来的方法，你可以等到它弹出。

在第一页

final result = await Navigator.push(
    context,
    MaterialPageRoute(
      builder: (context) => const SecondScreen(),
    ));
  data = result;
setState(() {});

弹出时在第二页上。

final data = List.generate(33, (index) => index);
Navigator.of(context).pop(data);

示例片段

void main() => runApp(
      MaterialApp(
        debugShowCheckedModeBanner: false,
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: FirstScreen(),
      ),
    );

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

  @override
  State<FirstScreen> createState() => _FirstScreenState();
}

class _FirstScreenState extends State<FirstScreen> {
  List<int> data = [];
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView.builder(
        itemCount: data.length,
        itemBuilder: (context, index) {
          return ListTile(
            title: Text(data[index].toString()),
          );
        },
      ),
      floatingActionButton: FloatingActionButton(onPressed: () async {
        final result = await Navigator.push(
            context,
            MaterialPageRoute(
              builder: (context) => const SecondScreen(),
            ));
        data = result;
        setState(() {});
      }),
    );
  }
}

class SecondScreen extends StatelessWidget {
  const SecondScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ElevatedButton(
          onPressed: () {
            final data = List.generate(33, (index) => index);
            Navigator.of(context).pop(data);
          },
          child: Text("pop")),
    );
  }
}

Answer 2

在第一个屏幕中导航到第二个：

final response await Navigator.push(context, MaterialPageRoute(builder: (context) => const SecondScreen()));

if (response is myObjectOrList) {
   //use it
}

在第二个屏幕

Navigator.pop(context, myObjectOrList);