Flutter项目接入Firebase后iOS模拟器运行出现TextField相关报错如何解决

代码语法修复 #

你提供的代码片段中存在导入语句断裂的问题，首先修正完整导入逻辑：

import 'package:flutter/material.dart';
import 'package:flutter_auth/components/text_field_container.dart';
import 'package:flutter_auth/constants.dart';

空安全适配修复 #

如果你的项目使用Flutter 2.0及以上空安全版本，需要修正组件的可空属性标记和构造函数写法，同时增加iOS端密码输入的兼容属性：

class RoundedPasswordField extends StatelessWidget {
  final ValueChanged<String>? onChanged;
  const RoundedPasswordField({
    super.key,
    this.onChanged,
  });

  @override
  Widget build(BuildContext context) {
    return TextFieldContainer(
      child: TextField(
        obscureText: true,
        keyboardType: TextInputType.visiblePassword,
        onChanged: onChanged,
        cursorColor: kPrimaryColor,
        decoration: InputDecoration(
          hintText: "Password",
          icon: Icon(
            Icons.lock,
            color: kPrimaryColor,
          ),
          suffixIcon: Icon(
            Icons.visibility,
            color: kPrimaryColor,
          ),
          border: InputBorder.none,
        ),
      ),
    );
  }
}

iOS端配置修复 #

仅iOS模拟器出现报错时，按以下步骤排查配置：

• 检查ios/Runner/Info.plist配置，添加网络权限配置避免Firebase初始化影响组件渲染：
  右键Info.plist选择以源代码方式打开，添加以下内容：

  <key>NSAppTransportSecurity</key>
  <dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
  </dict>
  

• 重置iOS端依赖：
  先删除项目中ios/Pods文件夹、ios/Podfile.lock文件，再依次执行命令：

  flutter clean
  flutter pub get
  cd ios
  pod install --repo-update
  

完成以上操作后重新运行项目即可解决报错。

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