Flutter注册页添加Phone字段时Custom TextField报错求助

添加Phone字段后触发报错，根源出在CustomTextField组件的两处问题：

1. 前缀图标参数未处理null情况：
   组件中直接使用Icon(data)，但Icon的icon参数要求必须是非空的IconData。如果注册页面中Phone字段的CustomTextField未传入data参数（或传了null），会直接触发参数错误。

2. 可空参数强制解包风险：
   isObsecre和enabled被定义为可空类型，且在TextFormField中使用!强制解包。如果调用时传入null，会引发空指针异常。

修改后的CustomTextField代码 #

import 'package:flutter/material.dart';

class CustomTextField extends StatelessWidget {
  final TextEditingController? controller;
  final IconData? data;
  final String? hintText;
  final bool isObsecre;
  final bool enabled;

  CustomTextField({
    this.controller,
    this.data,
    this.hintText,
    bool? isObsecre,
    bool? enabled,
  }) : isObsecre = isObsecre ?? true,
       enabled = enabled ?? true;

  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: const BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.all(Radius.circular(10)),
      ),
      padding: const EdgeInsets.all(8.0),
      margin: const EdgeInsets.all(10),
      child: TextFormField(
        enabled: enabled,
        controller: controller,
        obscureText: isObsecre,
        cursorColor: Theme.of(context).primaryColor,
        decoration: InputDecoration(
          border: InputBorder.none,
          // 仅当data非空时显示前缀图标
          prefixIcon: data != null ? Icon(
            data,
            color: Theme.of(context).primaryColor,
          ) : null,
          focusColor: Theme.of(context).primaryColor,
          hintText: hintText,
        ),
      ),
    );
  }
}

修改说明 #

• 将isObsecre和enabled改为非空类型，通过构造函数初始化列表用??设置默认值，彻底消除强制解包的风险。
• 对prefixIcon做null判断，无图标时直接设为null，避免非法参数传递。
• 调整图标颜色为主题色，解决原代码中白色背景下图标不可见的问题（优化项）。

注册页面调用注意 #

Phone字段的CustomTextField需明确传入isObsecre: false（因为手机号不需要隐藏输入），示例：

CustomTextField(
  hintText: "Phone",
  isObsecre: false,
  // 如需图标可添加data参数，如Icons.phone
)

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