Showing errors with TextInputLayout after adding material dependency

Question

I just want to know why my all TextInputLayout not applying outlined style after adding material dependency. Actually I implemented the material dependency for the badge drawable and tabmediator in my project so If delete that dependency my tablayout will crash. So, what can I do , want a solution

build.gradle


        dependencies {
            implementation fileTree(dir: "libs", include: ["*.jar"])
            implementation 'androidx.appcompat:appcompat:1.2.0'
            implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
            implementation 'com.android.support:design:29.0.0'
            implementation 'com.android.support:appcompat-v7:29.1.0'
        
            implementation 'com.google.android.material:material:1.3.0-alpha02'
            implementation 'androidx.legacy:legacy-support-v4:1.0.0'
            implementation 'androidx.palette:palette:1.0.0'
            implementation "androidx.viewpager2:viewpager2:1.1.0-alpha01"
        
        
            testImplementation 'junit:junit:4.12'
            androidTestImplementation 'androidx.test.ext:junit:1.1.1'
            androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'
    
    }

style.xml


    <resources>
        <!-- Base application theme. -->
        <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
            <!-- Customize your theme here. -->
            <item name="colorPrimary">@color/colorPrimary</item>
            <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
            <item name="colorAccent">@color/colorAccent</item>
    <!--        <item name="android:statusBarColor">#00000000</item>-->
        </style>
    
        <style name="FullScreen" parent="Theme.AppCompat.Light.NoActionBar">
    
            <item name="android:windowNoTitle">true</item>
            <item name="android:windowActionBar">false</item>
            <item name="android:windowFullscreen">true</item>
            <item name="android:windowContentOverlay">@null</item>
        </style>
    
    </resources>

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.jmm.rkclasses">

    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="com.android.launcher.permission.INSTALL_SHORTCUT" />

    <application
        android:name=".MyApplication"
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity
            android:name=".SplashActivity"
            android:exported="true"
            android:theme="@style/FullScreen">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name=".LoginActivity"
            android:theme="@style/FullScreen">
]
        </activity> 
    </application>

</manifest>

LoginActivity.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bg_login"
    tools:context=".LoginActivity">

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="32dp"
        android:orientation="horizontal"
        app:layout_constraintGuide_begin="32dp"
        app:layout_constraintTop_toTopOf="parent" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="16dp"
        android:orientation="horizontal"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintGuide_end="24dp"
        app:layout_constraintStart_toStartOf="parent" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:orientation="vertical"
        app:layout_constraintGuide_begin="30dp"
        app:layout_constraintStart_toStartOf="parent" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="16dp"
        android:orientation="vertical"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintGuide_end="30dp" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="80dp"
        android:fontFamily="@font/oxygen"
        android:text="Welcome,"
        android:textColor="@color/colorPrimary"
        android:textSize="24sp"
        app:layout_constraintBottom_toTopOf="@+id/guideline2"
        app:layout_constraintStart_toStartOf="@+id/guideline3"
        app:layout_constraintTop_toTopOf="@+id/guideline"
        app:layout_constraintVertical_bias="0.0" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:fontFamily="@font/oxygen"
        android:text="Log In"
        android:textColor="@color/colorPrimary"
        android:textSize="36sp"
        android:textStyle="bold"
        app:layout_constraintEnd_toEndOf="@+id/textView"
        app:layout_constraintStart_toStartOf="@+id/textView"
        app:layout_constraintTop_toBottomOf="@+id/textView" />


    <Spinner
        android:id="@+id/spn_user_type"
        android:layout_width="0dp"
        android:layout_height="50dp"
        android:layout_marginTop="32dp"
        android:background="@drawable/closed_edit_text"
        app:layout_constraintEnd_toStartOf="@+id/guideline4"
        app:layout_constraintHorizontal_bias="1.0"
        app:layout_constraintStart_toStartOf="@+id/textView2"
        app:layout_constraintTop_toBottomOf="@+id/textView2" />

    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/textInputLayout2"
        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
        android:layout_width="0dp"
        android:layout_height="55dp"
        android:layout_marginTop="8dp"
        android:hint="Username"
        android:paddingVertical="0dp"
        app:boxStrokeColor="@color/colorPrimary"
        app:layout_constraintEnd_toEndOf="@+id/spn_user_type"
        app:layout_constraintStart_toStartOf="@+id/spn_user_type"
        app:layout_constraintTop_toBottomOf="@+id/spn_user_type">

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/et_username"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </com.google.android.material.textfield.TextInputLayout>

    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/textInputLayout"
        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
        android:layout_width="0dp"
        android:layout_height="55dp"
        android:layout_marginTop="8dp"
        android:hint="Password"
        app:layout_constraintEnd_toEndOf="@+id/textInputLayout2"
        app:layout_constraintStart_toStartOf="@+id/textInputLayout2"
        app:layout_constraintTop_toBottomOf="@+id/textInputLayout2"
        app:passwordToggleContentDescription="description"
        app:passwordToggleDrawable="@drawable/show_password_selector"
        app:passwordToggleEnabled="true"
        app:passwordToggleTint="@color/colorPrimary">

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/et_password"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="textPassword" />
    </com.google.android.material.textfield.TextInputLayout>

    <TextView
        android:id="@+id/tv_fgt_password"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Forget Password?"
        android:textColor="@color/colorPrimaryDark"
        app:layout_constraintEnd_toEndOf="@+id/textInputLayout"
        app:layout_constraintTop_toBottomOf="@+id/textInputLayout" />

    <Button
        android:id="@+id/btn_login"
        android:layout_width="0dp"
        android:layout_height="50dp"
        android:layout_marginStart="40dp"
        android:layout_marginTop="32dp"
        android:layout_marginEnd="40dp"
        android:background="@drawable/bg_blue_red_button"
        android:fontFamily="@font/oxygen"
        android:text="Log In"
        android:textAllCaps="false"
        android:textColor="@color/colorWhite"
        android:textSize="22sp"

        app:layout_constraintBottom_toTopOf="@+id/guideline2"
        app:layout_constraintEnd_toStartOf="@+id/guideline4"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="@+id/guideline3"
        app:layout_constraintTop_toBottomOf="@+id/tv_fgt_password"
        app:layout_constraintVertical_bias="0.22000003" />


</androidx.constraintlayout.widget.ConstraintLayout>

Before changes Before changes

After changes After changes

You have to use a Material Components Theme – Gabriele Mariotti Aug 19 '20 at 14:41 — Gabriele Mariotti, Aug 19 '20 at 14:41

score 0 · Accepted Answer · answered Aug 19 '20 at 14:44

0

You have to use a MaterialComponents theme instead of an AppCompact one.

For that, replace your style.xml file by:

    <resources>
        <!-- Base application theme. -->
        <style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
            <!-- Customize your theme here. -->
            <item name="colorPrimary">@color/colorPrimary</item>
            <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
            <item name="colorAccent">@color/colorAccent</item>
    <!--        <item name="android:statusBarColor">#00000000</item>-->
        </style>
    
        <style name="FullScreen" parent="Theme.MaterialComponents.Light.NoActionBar">
    
            <item name="android:windowNoTitle">true</item>
            <item name="android:windowActionBar">false</item>
            <item name="android:windowFullscreen">true</item>
            <item name="android:windowContentOverlay">@null</item>
        </style>
    
    </resources>

answered Aug 19 '20 at 14:44

Raida

1,206
5
17

I tried this solution but after the change, All the buttons in my App with custom backgrouds get changed into something else. So, I changed that back into the theme.appcompat. – Praveen Yadav Aug 20 '20 at 14:11
What do you mean by "changed into something else"? – Raida Aug 20 '20 at 14:22
See I added my outputs . Before and after applying your solution – Praveen Yadav Aug 20 '20 at 14:40
Try to use a `MaterialButton` rather than a `Button` and add `app:backgroundTint="@null"` attribute to it. – Raida Aug 20 '20 at 14:49
It worked but i have to do lots of changes, So it is possible I keep my theme remain AppCompat and i can apply individually apply theme on textinputlayouts. – Praveen Yadav Aug 20 '20 at 15:24

score 0 · Answer 2 · answered Aug 19 '20 at 14:44

0

You have to switch to a Material Components Theme:

<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
  <!-- ....  -->
</style>

Just a note.
Remove these dependencies since they don't exist.

  //implementation 'com.android.support:design:29.0.0'
  //implementation 'com.android.support:appcompat-v7:29.1.0'

answered Aug 19 '20 at 14:44

Gabriele Mariotti

320,139
94
887
841

I tried this solution but after the change, All the buttons in my App with custom backgrouds get changed into something else. So, I changed that back into the theme.appcompat. – Praveen Yadav Aug 20 '20 at 14:13
@PraveenYadav it is normal since you have to change the app theme. You can try with the badge theme. – Gabriele Mariotti Aug 20 '20 at 14:44
@PraveenYadav About the background color in your MaterialButton. Check this answer: https://stackoverflow.com/questions/52908045/how-to-set-a-gradient-background-in-a-material-button-from-material-components/61610556#61610556. You have to add `app:backgroundTint="@null"` – Gabriele Mariotti Aug 20 '20 at 14:46
It worked but i have to do lots of changes, So it is possible I keep my theme remain AppCompat and i can apply individually apply theme on textinputlayouts. – Praveen Yadav Aug 20 '20 at 20:58

Showing errors with TextInputLayout after adding material dependency

2 Answers2