FlutterFlow自定义组件报错：_CustomWidgetState未定义ViewProfileWidget

解决ViewProfileWidget未定义的编译错误 #

• 添加正确的导入语句
  确保自定义组件文件顶部导入ViewProfileWidget对应的dart文件。若该页面在FlutterFlow生成的pages目录下，导入语句示例：

  import 'package:your_app_name/pages/view_profile_widget.dart';
  

  替换your_app_name为实际应用包名，路径需与ViewProfileWidget的存放位置完全匹配。

• 核对组件类名
  FlutterFlow生成的页面组件类名可能与页面名称对应，比如页面名为"View Profile"时，类名可能是ViewProfilePage而非ViewProfileWidget。打开view_profile_widget.dart文件查看类定义，确保实例化时使用正确的类名。

解决Navigator.pushNamed()路由未找到的问题 #

• 使用FlutterFlow自带的路由常量
  FlutterFlow会在lib/routes/ff_routes.dart中自动生成路由常量，比如对应ViewProfile页面的FFRoutes.viewProfile。直接用该常量跳转：

  void _onTap(int profileId) {
    Navigator.pushNamed(context, FFRoutes.viewProfile, arguments: {"field": "value"});
  }
  

  需先导入路由文件：

  import 'package:your_app_name/routes/ff_routes.dart';
  

• 获取传递的参数
  在ViewProfileWidget中通过以下方式获取跳转时传递的参数：

  final args = ModalRoute.of(context)?.settings.arguments as Map<String, dynamic>?;
  

• 确认路由已注册
  检查lib/main.dart的MaterialApp配置，确保路由列表包含目标页面的定义（FlutterFlow通常自动完成此步骤，若有自定义修改需保证如下结构）：

  routes: {
    FFRoutes.viewProfile: (context) => ViewProfileWidget(),
  },
  

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