MST

星途 面试题库

面试题:Flutter中Navigator如何实现页面切换时传递参数

在Flutter应用里,使用Navigator进行页面切换,描述如何将一个页面的数据传递到新打开的页面,并且新页面如何接收这些参数。请提供代码示例说明。
33.4万 热度难度
前端开发Flutter

知识考点

AI 面试

面试题答案

一键面试
  1. 传递数据: 在使用Navigator.push方法时,可以通过构造目标页面并传递参数。例如:
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) => SecondPage(data: '要传递的数据'),
      ),
    );
    
  2. 接收参数: 在目标页面中,通过定义构造函数来接收传递的数据。
    class SecondPage extends StatelessWidget {
      final String data;
      SecondPage({required this.data});
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text('第二个页面'),
          ),
          body: Center(
            child: Text('接收到的数据: $data'),
          ),
        );
      }
    }