Code Monkey home page Code Monkey logo

Comments (7)

nikhilpanju avatar nikhilpanju commented on May 23, 2024

Synth won't change anything in your app. It only has control over its own widgets. Maybe the issue is somewhere else? If the issue persists only because of Synth, you can try removing the library or any of the views used in the layout to see where the issue is.
We would also need more information like layout/activity files to understand what the issue is

from synth-android.

meashumishra avatar meashumishra commented on May 23, 2024

After removing Synth it was working as expected that's why I have created an issue here.
code is as below which is used in the layout .
`

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="500dp"
    android:layout_centerInParent="true"
    android:gravity="center"
    android:orientation="vertical">


    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/text_input_layout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/etPasswordLayout"
        android:layout_centerHorizontal="true"
        android:textColorHint="@color/white_fifty"
        app:boxStrokeColor="@color/selected"
        app:boxStrokeWidth="2dp">

        <EditText
            android:id="@+id/id"
            style="@style/ButtonTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="16dp"
            android:backgroundTint="@color/white"
            android:ems="10"
            android:hint="Mobile/Email"
            android:textAlignment="textStart"
            android:textColorHint="@color/white_fifty" />
    </com.google.android.material.textfield.TextInputLayout>

    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/etPasswordLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/enter"
        android:layout_centerHorizontal="true"
        android:textColorHint="@color/white_fifty"
        app:passwordToggleEnabled="true"
        app:passwordToggleTint="@color/unselected_text"

        >

        <EditText
            android:id="@+id/passcode"
            style="@style/ButtonTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_marginBottom="8dp"
            android:backgroundTint="@color/white"
            android:ems="10"
            android:hint="Passcode"
            android:inputType="textPassword"
            android:textAlignment="textStart"
            android:textColorHint="@color/white_fifty" />
    </com.google.android.material.textfield.TextInputLayout>

    <com.google.android.material.button.MaterialButton
        android:id="@+id/enter"
        style="@style/MaterialButtonStyle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="40dp"
        android:padding="16dp"
        android:text="Login"

        android:textStyle="bold"
        app:cornerRadius="8dp"
        app:rippleColor="@color/selected" />

</LinearLayout>

`

from synth-android.

nikhilpanju avatar nikhilpanju commented on May 23, 2024

Adding the dependency alone causes the issue or does it happen when including a Synth view in the layout?

from synth-android.

meashumishra avatar meashumishra commented on May 23, 2024

Yes, after adding dependency views background changed. Previously it was black, after adding the dependency TextInputLayout background changed to white.

from synth-android.

nikhilpanju avatar nikhilpanju commented on May 23, 2024

Can you perhaps upload a sample project that demonstrates this? With the given information, it's hard to understand how this is being caused

from synth-android.

meashumishra avatar meashumishra commented on May 23, 2024

Please find the sample project. Just enable Synth in this project and check the behaviour.
SynthSample.zip

from synth-android.

nikhilpanju avatar nikhilpanju commented on May 23, 2024

Thanks for submitting the project. This seems to be happening because the project has an older version of the material components library (1.0.0) whereas Synth has the newer version (1.2.0).

If you update the library in the project to the latest release:
com.google.android.material:material:1.3.0
the view background has changed. This must be because of some change in the material components library. So you could perhaps look into that

from synth-android.

Related Issues (16)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.