Flutter中通过AppBar抽屉跳转页面报错：URI不存在，已创建页面仍无法找到

问题原因及修复步骤 #

• 文件名大小写不匹配：你的文件实际路径是lib/pages/first_page.dart（首字母小写），但导入语句写的是import 'lib/pages/First_Page.dart';（首字母大写）。Flutter对文件名大小写敏感，这会导致系统找不到目标文件。
• 导入路径格式错误：Flutter项目中导入lib目录下的文件不需要带lib/前缀，正确的相对路径导入应为import 'pages/first_page.dart';，或者使用package路径（替换your_project_name为你的项目名称）：import 'package:your_project_name/pages/first_page.dart';
• 确认目标页面类定义完整：检查first_page.dart文件中是否正确定义了First_Page类，确保类名拼写一致，示例如下：

class First_Page extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Page 1')),
      body: Center(child: Text('First Page')),
    );
  }
}

修正后的代码示例 #

导入语句修正 #

import 'pages/first_page.dart';

Drawer中ListTile跳转代码（导入正确后无需改动） #

ListTile(
  leading: Icon(Icons.home),
  title: Text(
    'Page 1',
    style: TextStyle(fontSize: 30),
  ),
  onTap: () {
    Navigator.of(context).push(
        MaterialPageRoute(builder: (context) => First_Page()));
  },
),

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