如何自定義 firebase auth ui

Question

我正在通過號碼驗證使用 Firebase Auth Ui。 我有一些要求，我需要更改國家微調器下拉項的文本和背景顏色。 我正在使用以下樣式，但它不會更改下拉背景的顏色或項目的文本顏色。

style name="FirebaseUI.CountrySpinner" parent="Widget.AppCompat.Spinner.Underlined">
    <item name="android:layout_width">wrap_content</item>
    <item name="android:layout_height">wrap_content</item>
    <item name="android:textAppearance">?android:attr/textAppearanceMedium</item>
    <item name="android:dropDownItemStyle">@style/mySpinnerItemStyle</item>
</style>

<style name="mySpinnerItemStyle" parent="@android:style/Widget.Holo.DropDownItem.Spinner">
    <item name="android:textColor">@color/colorVerifyButtonText</item>
</style>

我在這里做錯了什么，請幫幫我。

Answer 1

您需要擴展 FirebaseUI 主題並將其傳遞到構建器選項中。 示例：

<style name="GreenTheme" parent="FirebaseUI">
    <!-- Required for sign-in flow styling -->
    <item name="colorPrimary">@color/material_green_500</item>
    <item name="colorPrimaryDark">@color/material_green_700</item>
    <item name="colorAccent">@color/material_purple_a700</item>

    <item name="colorControlNormal">@color/material_green_500</item>
    <item name="colorControlActivated">@color/material_lime_a700</item>
    <item name="colorControlHighlight">@color/material_green_a200</item>
    <item name="android:windowBackground">@color/material_green_50</item>
</style>

在 Java 中：

startActivityForResult(
    AuthUI.getInstance(this).createSignInIntentBuilder()
        // ...
        .setTheme(R.style.GreenTheme)
        .build());

和文檔： https : //github.com/firebase/FirebaseUI-Android/blob/master/auth/README.md#themes

您基本上希望使用下拉屬性擴展 FirebaseUI 樣式。