BottomNavigationView 后面的片段中的底部工作表

Posted 2023-04-18

【中文标题】BottomNavigationView 后面的片段中的底部工作表

【英文标题】：Bottom Sheet in fragment behind BottomNavigationView

【发布时间】：2020-10-06 11:11:02

【问题描述】：

在我的片段中，单击按钮时我需要显示一个底部工作表对话框，但它必须从底部导航栏的后面出现。 here 已经解决了类似的问题，但是 由于一些压力，我只需要通过扩展 BottomSheetDialogFragment 来创建底部工作表。

activity_main.xml

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_
    android:layout_>   

    <fragment
        android:id="@+id/navigationHost"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_
        android:layout_
        app:defaultNavHost="true"
        app:layout_constraintBottom_toTopOf="@+id/bottomNavigation"
        app:layout_constraintTop_toTopOf="parent"
        app:navGraph="@navigation/navigation" />    

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottomNavigation"
        android:layout_
        android:layout_
        android:layout_marginStart="14dp"
        android:layout_marginEnd="14dp"
        android:layout_marginBottom="30dp"
        android:background="@drawable/bg_bottom_nav_rounded"
        app:itemIconTint="@color/selector_bottom_navigation_text"   
        app:itemTextColor="@color/selector_bottom_navigation_text"
        app:labelVisibilityMode="labeled"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintTop_toBottomOf="@id/navigationHost"
        app:menu="@menu/dashboard_navigation_menu" />

</androidx.constraintlayout.widget.ConstraintLayout>    

fragment_home.xml

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_
    android:layout_
    android:background="@android:color/darker_gray">

    <Button
        android:id="@+id/openBottomSheet"
        android:layout_
        android:layout_
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>    

FragmentHome.kt

class FragmentHome : Fragment(R.layout.fragment_home) 
    private val binding by viewBinding(FragmentHomeBinding::bind)

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) 
        super.onViewCreated(view, savedInstanceState)

        binding.openBottomSheet.setOnClickListener 
            val bottomSheetDialog: BottomSheetDialog = BottomSheetDialog()
            bottomSheetDialog.show(requireActivity().supportFragmentManager, "TEST")
            bottomSheetDialog.enterTransition
        
    
    

BottomSheetDialog.kt

  public class BottomSheetDialog extends BottomSheetDialogFragment 
        @Nullable
        @Override
        public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) 
            super.onCreateView(inflater, container, savedInstanceState);
            return inflater.inflate(R.layout.bottomsheet_login, container, false);
        

        @Override
        public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) 
            super.onViewCreated(view, savedInstanceState);
        
    

更新：Screenshots

【问题讨论】：

看起来您使用了错误的片段管理器，但不确定这是否能解决您的问题。更改为：bottomSheetDialog.show(childSupportFragmentManager, "TEST") 并删除 bottomSheetDialog.enterTransition 以查看是否有帮助

@Indiana 进行了更改，但没有成功。

你能分享一下它的外观截图吗？

@Indiana 我更新了截图。

啊，我明白你的意思了。我误解了。这是 BottomSheet 的正确预期行为。您可能需要查看自定义视图或其他解决方法。

【参考方案1】：

这是BottomSheet 或Snackbar 的常见问题，您需要在activity 上添加CoordinatorLayout 作为parent 根视图。将CoordinatorLayout 作为父母，并在其中放入您的ConstraintLayout