如何修改Firebase Authentication注册/登录弹窗的Logo

你在Firebase Console找不到Logo配置项是正常的——这个弹窗的Logo配置入口根本不在Firebase后台，所有样式调整都需要在客户端接入FirebaseUI的代码侧完成，分平台操作方法如下：

• Android平台
  弹窗默认读取你应用在AndroidManifest.xml中配置的全局启动图标，如果需要给Auth弹窗设置独立Logo，在初始化FirebaseUI登录实例时调用setLogo()方法传入自定义图片资源即可：

  // 初始化登录构建器
  val signInIntent = AuthUI.getInstance()
      .createSignInIntentBuilder()
      .setLogo(R.drawable.your_custom_logo) // 传入存放在res/drawable目录下的自定义Logo资源ID
      .setAvailableProviders(/* 你原本配置的邮箱、手机号、第三方登录等选项 */)
      .build()
  startActivityForResult(signInIntent, RC_SIGN_IN)
  

• iOS平台
  弹窗默认读取Xcode项目中配置的全局AppIcon资源，自定义Logo直接给AuthUI实例的logo属性赋值即可：

  guard let authUI = AuthUI.authUI() else { return }
  authUI.providers = [/* 你原本配置的登录提供方 */]
  authUI.logo = UIImage(named: "your_custom_logo") // 传入导入到项目资产目录的自定义Logo
  let authViewController = authUI.authViewController()
  present(authViewController, animated: true)
  

• Web平台
  使用FirebaseUI for Web时，在初始化UI的配置对象中增加logo字段即可替换默认图标：

  const uiConfig = {
    signInOptions: [
      // 你原本配置的登录方式列表
    ],
    tosUrl: '<你的服务条款地址>',
    privacyPolicyUrl: '<你的隐私政策地址>',
    logo: '<你的Logo图片访问路径/Base64编码内容>' // 自定义Logo配置项
  };
  // 用配置初始化FirebaseUI实例即可
  

注意：这部分自定义逻辑归属于FirebaseUI的样式自定义文档范畴，不属于Firebase Authentication核心服务的后台配置内容，所以你在核心Auth配置页、基础功能文档里搜不到相关说明是正常的，不需要在Firebase Console里继续找对应入口。

Firebase Auth默认登录弹窗参考截图

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