CoordinatorLayout에서 BottomNavigationView 겹쳐지는 FrameLayout

Question

다음은 내 레이아웃 xml입니다. 이제 문제는 BottomNavigationView가 FrameLayout과 겹쳐져 있다는 것입니다. FrameLayout을 BottomNavigationView의 맨 위로 늘려야합니다.

FrameLayout에 paddingBottom을 추가하는 등의 트릭을 시도했지만 더 좋은 해결책이 있는지 궁금합니다. 감사.

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout 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:id="@+id/container" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    > 

    <include layout="@layout/user_app_bar"/> 

    <android.support.design.widget.BottomNavigationView 
     android:id="@+id/navigation" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom" 
     android:background="?android:attr/windowBackground" 
     app:menu="@menu/navigation" 
     app:itemTextColor="@color/colorPrimaryDark" 
     app:itemIconTint="@color/colorPrimaryDark" 
     /> 

    <FrameLayout 
     android:id="@+id/fragment_frame" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:paddingBottom="58dp" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior"/> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_margin="@dimen/fab_margin" 
     app:layout_anchorGravity="bottom|end" 
     app:layout_anchor="@id/app_bar" 
     app:srcCompat="@drawable/ic_edit_white_24px" /> 

</android.support.design.widget.CoordinatorLayout> 

UPDATE : user_app_bar.xml에 대한 추가 정보 CollapsingToolbarLayout을 포함합니다.

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.AppBarLayout 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:id="@+id/app_bar" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:theme="@style/AppTheme.AppBarOverlay" 
    app:layout_behavior="co.domain.DisableAppBarLayoutBehaviour" 
    > 

    <android.support.design.widget.CollapsingToolbarLayout 
     android:id="@+id/toolbar_layout" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:fitsSystemWindows="true" 
     app:layout_scrollFlags="scroll|exitUntilCollapsed" 
     app:titleEnabled="false" 
     app:contentScrim="?attr/colorPrimary"> 

     <android.support.constraint.ConstraintLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      app:layout_collapseMode="parallax"> 

      <ImageView 
       android:id="@+id/backdrop" 
       android:layout_width="match_parent" 
       android:layout_height="250dp" 
       android:layout_marginBottom="0dp" 
       android:layout_marginLeft="0dp" 
       android:layout_marginRight="0dp" 
       android:layout_marginTop="0dp" 
       android:contentDescription="" 
       app:layout_constraintBottom_toBottomOf="parent" 
       app:layout_constraintHorizontal_bias="0.0" 
       app:layout_constraintLeft_toLeftOf="parent" 
       app:layout_constraintRight_toRightOf="parent" 
       app:layout_constraintTop_toTopOf="parent" 
       app:layout_constraintVertical_bias="0.0" 
       tools:ignore="ContentDescription" 
       android:background="@color/gray"/> 

      <TextView 
       android:id="@+id/profileName" 
       style="@style/textShadow" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginEnd="8dp" 
       android:layout_marginLeft="8dp" 
       android:layout_marginRight="8dp" 
       android:layout_marginStart="8dp" 
       android:layout_marginTop="0dp" 
       android:text="user name" 
       android:textAlignment="center" 
       android:textSize="18sp" 
       android:textColor="#fff" 
       app:layout_constraintHorizontal_bias="0.5" 
       app:layout_constraintLeft_toLeftOf="@+id/profileImage" 
       app:layout_constraintRight_toRightOf="@+id/profileImage" 
       app:layout_constraintTop_toBottomOf="@+id/profileImage" /> 

      <de.hdodenhof.circleimageview.CircleImageView 
       android:id="@+id/profileImage" 
       android:layout_width="70dp" 
       android:layout_height="70dp" 
       android:layout_marginBottom="8dp" 
       android:layout_marginLeft="32dp" 
       android:layout_marginStart="32dp" 
       android:layout_marginTop="8dp" 
       android:alpha="0.5" 
       android:src="@drawable/ic_account_circle_black_24dp" 
       app:layout_constraintBottom_toBottomOf="parent" 
       app:layout_constraintLeft_toLeftOf="parent" 
       app:layout_constraintTop_toTopOf="parent" /> 
     </android.support.constraint.ConstraintLayout> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      app:layout_collapseMode="pin" 
      app:popupTheme="@style/AppTheme.PopupOverlay"/> 

    </android.support.design.widget.CollapsingToolbarLayout> 

</android.support.design.widget.AppBarLayout> 

Answer 1

/Try to replace your code with this/ 

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout 
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:id="@+id/container" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
> 

<include layout="@layout/user_app_bar"/> 

<FrameLayout 
    android:id="@+id/fragment_frame" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:paddingBottom="58dp" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior"/> 

<android.support.design.widget.FloatingActionButton 
    android:id="@+id/fab" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_margin="@dimen/fab_margin" 
    app:layout_anchorGravity="bottom|end" 
    app:layout_anchor="@id/app_bar" 
    app:srcCompat="@drawable/ic_edit_white_24px" /> 


<android.support.design.widget.BottomNavigationView 
    android:id="@+id/navigation" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_gravity="bottom" 
    android:background="?android:attr/windowBackground" 
    app:menu="@menu/navigation" 
    app:itemTextColor="@color/colorPrimaryDark" 
    app:itemIconTint="@color/colorPrimaryDark" 
    /> 

</android.support.design.widget.CoordinatorLayout> 

Answer 2

은 당신의 문제에 대한 간단한 해결책이있다. 즉, 을 FrameLayout에 넣고 56dp에 넣고 이는 의 설명서에 따른 것입니다. 모바일 화면에 따라 달라질 수 있는지 확실하지 않습니다. 문서조차도 높이 변화에 대해서는 아무 말도하지 않습니다. 그리고 일부 앱에서이 앱을 사용했는데 높이가 BottomNavigationView 인 것을 발견하지 못했습니다. 하지만 경우에 대비해서. 희망이 도움이 될 것입니다.