Flutter：如何从其他页面导航到CountryNameScreen的指定索引项

1. 修改导航代码，传递自动跳转的索引参数 #

移除原代码里的const关键字（因为要传递动态参数，const构造函数不支持），给CountryNameScreen传入目标索引（这里是2，对应United State）：

onPressed: () {
  Navigator.push(
    context,
    CupertinoPageRoute(
      builder: ((context) =>
          CountryNameScreen(initialIndex: 2)),
    ),
  );
},

2. 改造CountryNameScreen，支持自动触发跳转 #

调整页面构造函数接收索引参数，在页面初始化完成后自动执行对应国家的跳转逻辑：

class CountryNameScreen extends StatefulWidget {
  final int? initialIndex;

  // 构造函数添加可选参数，接收外部传入的初始索引
  const CountryNameScreen({super.key, this.initialIndex});

  @override
  State<CountryNameScreen> createState() => _CountryNameScreenState();
}

class _CountryNameScreenState extends State<CountryNameScreen> {
  final countries = [
    'Australia',
    'NewZeland',
    'United State',
    'Russia',
    'United Kingdom',
    'India',
  ];

  // 抽离跳转逻辑为独立方法，保证手动点击和自动触发行为一致
  void _navigateToDetail(String country) {
    // 替换为你原本的国家详情页导航代码
    // 示例：Navigator.push(context, CupertinoPageRoute(builder: (_) => CountryDetailScreen(country: country)));
  }

  @override
  void initState() {
    super.initState();
    // 页面渲染完成后再执行跳转，避免上下文未初始化问题
    WidgetsBinding.instance.addPostFrameCallback((_) {
      final targetIndex = widget.initialIndex;
      if (targetIndex != null && targetIndex >= 0 && targetIndex < countries.length) {
        _navigateToDetail(countries[targetIndex]);
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Countries')),
      body: ListView.builder(
        itemCount: countries.length,
        itemBuilder: (context, index) {
          return ListTile(
            title: Text(countries[index]),
            onTap: () => _navigateToDetail(countries[index]),
          );
        },
      ),
    );
  }
}

核心说明 #

• 用addPostFrameCallback确保页面完成渲染后再执行跳转，规避上下文异常
• 增加索引合法性校验，防止数组越界报错
• 抽离跳转逻辑为独立方法，提升代码复用性

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