Flutter中能否根据页面跳转来源设置待办页面动态示例文本？

当然可以实现，Flutter提供了多种页面间参数传递的方式，完全能满足你的需求。下面是几种常用的实现方案：

方案一：构造函数直接传参（最简洁） #

这是最简单直接的方式，通过待办页面的构造函数接收提示文本参数，跳转时传入对应来源的内容即可。

1. 定义待办页面Widget #

class TodoListPage extends StatelessWidget {
  final String hintText;

  // 构造函数接收提示文本参数
  const TodoListPage({super.key, required this.hintText});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('待办列表')),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: TextField(
          decoration: InputDecoration(
            hintText: hintText, // 使用传入的提示文本
            border: const OutlineInputBorder(),
          ),
        ),
      ),
    );
  }
}

2. 各入口页面的跳转代码 #

比如从Apple页面跳转：

ElevatedButton(
  onPressed: () {
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) => const TodoListPage(
          hintText: '添加苹果相关的待办事项...',
        ),
      ),
    );
  },
  child: const Text('进入苹果待办列表'),
)

Banana、Orange页面只需修改hintText的内容即可，逻辑完全一致。

方案二：命名路由传参 #

如果你的项目使用命名路由管理页面跳转，可以通过arguments传递参数：

1. 注册命名路由 #

MaterialApp(
  routes: {
    '/todoList': (context) => const TodoListPage(),
  },
)

2. 待办页面获取参数 #

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

  @override
  Widget build(BuildContext context) {
    // 获取路由传递的提示文本
    final String hintText = ModalRoute.of(context)?.settings.arguments as String;

    return Scaffold(
      appBar: AppBar(title: const Text('待办列表')),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: TextField(
          decoration: InputDecoration(
            hintText: hintText,
            border: const OutlineInputBorder(),
          ),
        ),
      ),
    );
  }
}

3. 入口页面跳转代码 #

ElevatedButton(
  onPressed: () {
    Navigator.pushNamed(
      context,
      '/todoList',
      arguments: '添加苹果相关的待办事项...',
    );
  },
  child: const Text('进入苹果待办列表'),
)

方案三：状态管理工具（复杂场景适用） #

如果你的项目需要全局共享状态，或者有多个参数需要传递，可以使用Provider、Riverpod等状态管理工具：

1. 创建状态管理类 #

class TodoHintProvider extends ChangeNotifier {
  String _hintText = '';

  String get hintText => _hintText;

  void setHintText(String text) {
    _hintText = text;
    notifyListeners();
  }
}

2. 注册状态管理 #

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

3. 入口页面设置提示文本并跳转 #

ElevatedButton(
  onPressed: () {
    // 更新状态中的提示文本
    Provider.of<TodoHintProvider>(context, listen: false)
        .setHintText('添加苹果相关的待办事项...');
    Navigator.push(context, MaterialPageRoute(builder: (context) => const TodoListPage()));
  },
  child: const Text('进入苹果待办列表'),
)

4. 待办页面监听状态 #

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

  @override
  Widget build(BuildContext context) {
    // 监听状态中的提示文本
    final hintText = Provider.of<TodoHintProvider>(context).hintText;

    return Scaffold(
      appBar: AppBar(title: const Text('待办列表')),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: TextField(
          decoration: InputDecoration(
            hintText: hintText,
            border: const OutlineInputBorder(),
          ),
        ),
      ),
    );
  }
}

方案选择 #

• 推荐方案一，逻辑简单直接，适合单一参数传递的场景；
• 如果项目已使用命名路由，优先用方案二；
• 复杂全局状态场景才需要方案三。

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