前言
Material Design 是 Google 推出的一种 UI 设计语言，被广泛应用于 Android 和 Web 前端开发中。其中，SnackBar 是一种轻量级的提示组件，可以在屏幕底部显示一条消息，提高用户体验。但是，在实际项目中，我们可能会遇到一些 Snackbar 显示问题，如不显示、显示位置不正确等。本文将介绍如何解决这些问题。
解决 Snackbar 不显示的问题
在使用 Snackbar 的时候，有可能会遇到 Snackbar 显示不出来的情况。这通常是由于 Snackbar 的显示与当前 Activity 或 Fragment 的生命周期有关。为了解决这个问题，我们需要确保 Snackbar 显示时，Activity 或 Fragment 处于 Running 状态。
public void showSnackbar(View view, String message) {
Snackbar.make(view, message, Snackbar.LENGTH_LONG)
.setAction("Action", null).show();
}如果当前的 Activity 或 Fragment 不在 Running 状态，调用 show() 方法也不会有任何作用。因此，我们需要在 onResume() 方法中调用 showSnackbar() 方法，确保 Snackbar 显示的时候目标 Activity 或 Fragment 正确地运行。
@Override
protected void onResume() {
super.onResume();
showSnackbar(findViewById(android.R.id.content), "Hello, Snackbar!");
}解决 Snackbar 显示位置的问题
在使用 Snackbar 的时候，Snackbar 的位置通常是在屏幕底部。但是，如果我们在应用程序中使用了 BottomNavigationView，Snackbar 会显示在 BottomNavigationView 的上部，影响用户体验。
为了解决这个问题，我们可以使用 CoordinatorLayout 和 BottomNavigationView 来控制 Snackbar 的位置。
-- -------------------- ---- -------
------------------------------------------------
-----------------------------------
-------------------------------------
---------------------------------------------------
----------------------------
-----------------------------------
------------------------------------
------------------------------------------------------
-------------------------------------------------------
--------------------------- --
--------------------------------------------------在这个例子中，我们使用 CoordinatorLayout 作为容器，然后添加 BottomNavigationView 组件。然后，我们可以使用 CoordinatorLayout 的 layout_anchor 属性来指定 Snackbar 显示的位置。
-- -------------------- ---- -------
------ ---- ----------------- ----- ------ -------- -
-------- -------- - ------------------- -------- ----------------------
-- -- -------- -----
------------------------------ ------ - --------------------------------
-------------------------------------
------------------------------------
-------------------- - ------------
-------------------------------------------
---------------------------- -------------
-在这个例子中，我们设置了 Snackbar 的 layout_anchor 属性为 BottomNavigationView，Snackbar 就会显示在 BottomNavigationView 的下面。
总结
本文介绍了如何解决 Material Design 中的 Snackbar 显示问题，包括解决 Snackbar 不显示的问题和解决 Snackbar 显示位置的问题。通过本文，读者能够了解如何使用 Snackbar 提高用户体验，并掌握解决常见问题的方法。希望本文能够对读者在前端开发中使用 Snackbar 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e2d422f6b2d6eab3e1d1fa