I need help. How can I change the design of the text in snackbar in styles app? The change in the code does not interest me. I found the following code. But it is not working for me. Why is that? My theme is derived from @style/Theme.AppCompat.Light.DarkActionBar". I would be very grateful for the help.
<style name="TextAppearance.Design.Snackbar.Message" parent="android:TextAppearance">
<item name="android:textSize">10sp</item>
<item name="android:textColor">#FEFEFE</item>
</style>
<style name="TextAppearance.Design.Snackbar.Action" parent="android:TextAppearance">
<item name="android:textSize">16sp</item>
<item name="android:textColor">#FEFEFE</item>
</style>
With the Material Components Library you can globally change the snackbar style in your app theme:
<style name="AppTheme" parent="Theme.MaterialComponents.*">
<!-- Style to use for Snackbars in this theme. -->
<item name="snackbarStyle">@style/Widget.MaterialComponents.Snackbar</item>
<!-- Style to use for action button within a Snackbar in this theme. -->
<item name="snackbarButtonStyle">@style/Widget.MaterialComponents.Button.TextButton.Snackbar</item>
<!-- Style to use for message text within a Snackbar in this theme. -->
<item name="snackbarTextViewStyle">@style/Widget.MaterialComponents.Snackbar.TextView</item>
....
</style>
Note:
snackbarStyle
and snackbarButtonStyle
require the version 1.1.0
snackbarTextViewStyle
requires the version 1.2.0
.For example:
<style name="snackbar_style" parent="@style/Widget.MaterialComponents.Snackbar">
<item name="android:layout_margin">32dp</item>
</style>
<style name="snackbar_button" parent="@style/Widget.MaterialComponents.Button.TextButton.Snackbar">
<item name="backgroundTint">@color/secondaryLightColor</item>
<item name="android:textColor">@color/primaryDarkColor</item>
</style>
<style name="snackbar_text" parent="@style/Widget.MaterialComponents.Snackbar.TextView">
<item name="android:textColor">@color/secondaryLightColor</item>
</style>
It is just an example how to change also the parent style for the action button. You can use for example a standard Widget.MaterialComponents.Button
:
<style name="snackbar_button" parent="@style/Widget.MaterialComponents.Button">
<item name="backgroundTint">@color/secondaryLightColor</item>
<item name="android:textColor">@color/primaryDarkColor</item>
</style>
To change the background color of the SnackBar
you can use:
<style name="snackbar_style" parent="@style/Widget.MaterialComponents.Snackbar">
<!-- using backgroundTint the alpha layer is ignored -->
<item name="backgroundTint">@color/....</item>
</style>
Or if you prefer:
<style name="MySnackbar" parent="@style/Widget.MaterialComponents.Snackbar">
<item name="materialThemeOverlay">@style/snackbar_overlay</item>
<!-- If you want to avoid the alpha level for the color that is overlaid on top of the background color-->
<item name="backgroundOverlayColorAlpha">1.0</item>
</style>
<style name="snackbar_overlay">
<item name="colorOnSurface">....</item>
</style>