改用Theme.MaterialComponents后Firebase AuthUI登录布局异常如何修复

项目基础背景 #

• 正在使用Kotlin开发首款应用，基于FirebaseAuth与AuthUI实现用户认证功能
• 初始状态下，将AppTheme的父主题设置为Theme.AppCompat.NoActionBar，登录界面渲染完全正常
• 后续将AppTheme父主题替换为Theme.MaterialComponents.NoActionBar后，登录界面出现渲染异常

现有登录页调用逻辑 #

startActivityForResult(
    authUI.createSignInIntentBuilder()
        .setAvailableProviders(providers)
        .build(), 
    RC_SIGN_IN
)

已尝试的修复与排查操作 #

• 在build()方法前添加.setTheme(R.style.FirebaseUI)指定AuthUI默认主题，无任何生效效果
• 传入.setTheme(R.style.AppTheme)测试渲染效果：界面背景可正常适配深色主题，但按钮仍为固定紫色、且未显示对应品牌图标
• 参考社区建议尝试适配方案：全局保留AppCompat作为父主题，为所有业务Activity单独指定Material主题。该方案虽可解决登录页渲染问题，但会导致布局预览异常——布局预览默认引用全局应用主题，无法适配Activity级别的单独主题设置
• 尝试部分生效的折中方案：新建AppTheme.SignInScreen样式，父主题继承Theme.AppCompat.NoActionBar，在样式中配置materialButtonStyle属性关联全局按钮样式，再通过.setTheme(R.style.AppTheme_SignInScreen)为登录页单独指定该样式
  对应的样式配置代码：

<style name="AppTheme.SignInScreen" parent="Theme.AppCompat.NoActionBar">
    <item name="materialButtonStyle">?attr/buttonStyle</item>
</style>

调试过程中发现的细节 #

• 在AppCompatButton类构造函数打断点观察发现：当全局应用主题为AppCompat时，defStyleAttr值为2130903157；当全局应用主题切换为MaterialComponents时，defStyleAttr值为2130903586
• 追溯AppCompat主题下?attr/buttonStyle的引用链，得到链路为：?attr/buttonStyle => ?android:attr/buttonStyle => @style/Widget.Material.Button，但直接给按钮设置@android:style/Widget.Material.Button样式，仍无法达到预期渲染效果

待解决的核心问题 #

• 上述登录页的渲染异常是否有完整可落地的修复方案？尤其是如何恢复登录按钮的品牌图标显示
• AuthUI默认集成的Google Smart Lock弹窗，目前渲染样式完全不受AuthUI配置的主题影响，是否可以将其设置为深色模式
• 调试过程中曾尝试通过重写样式加载器、直接传入样式ID代替属性引用等方式实现适配，但未找到对应的参考实现与官方说明，无法落地

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