Android BottomNavigationVIew重疊片段內容

Question

我試圖做一個聊天。 MainActivity有一個ToolBar和BottomNavigationVIew。

聊天fragment有recyclerView，一個editText和ImageButton，但是當我加載片段BottomNavigationVIew重疊EditText和ImageButton

我不知道這是重要的，但在Android Studio中的BottomNavigationVIew長相項目比它小，而不是像例如工具欄 另外我用android:layout_above="@+id/navigation"和它不工作

我已經嘗試了很多方法，但我不能這樣做

activity_main.xml中

<RelativeLayout 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/activity_home" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
tools:context=".MainActivity"> 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical"> 

    <android.support.v7.widget.Toolbar xmlns:app="http://schemas.android.com/apk/res-auto" 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:background="?attr/colorPrimary" 
     app:popupTheme="@style/ThemeOverlay.AppCompat.Light" 
     app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:orientation="horizontal"> 

      <TextView 
       android:id="@+id/tv_parent_name" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_gravity="center" 
       android:layout_weight="1" 
       android:text="@string/parent_name" 
       android:textSize="20sp" /> 


      <de.hdodenhof.circleimageview.CircleImageView xmlns:app="http://schemas.android.com/apk/res-auto" 
       android:id="@+id/student_photo" 
       android:layout_width="55dp" 
       android:layout_height="55dp" 
       android:layout_alignParentEnd="true" 

       android:layout_alignParentRight="true" 
       android:layout_gravity="right|center" 
       android:onClick="onClick" 
       android:padding="4dp" 
       android:src="@drawable/foto" 
       app:civ_border_color="@color/iron" 
       app:civ_border_width="1dp" /> 

     </LinearLayout> 

    </android.support.v7.widget.Toolbar> 


    <FrameLayout 
     android:id="@+id/frame_layout" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_alignParentTop="true" 
     android:layout_above="@+id/navigation"> 

     <ProgressBar 
      android:id="@+id/pb_loading" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:visibility="invisible" /> 
    </FrameLayout> 

</LinearLayout> 

<android.support.design.widget.BottomNavigationView 
    android:id="@+id/navigation" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:background="@color/primary_dark" 
    app:itemIconTint="@color/nav_item_state_list" 
    app:itemTextColor="@color/nav_item_state_list" 
    app:menu="@menu/menu_navigation" /> 
</RelativeLayout> 

chat_fragment.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" android:layout_width="match_parent" 
android:layout_height="match_parent"> 

<android.support.v7.widget.RecyclerView 
    android:id="@+id/messages" 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_weight="1" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:scrollbars="vertical" 
    android:scrollbarStyle="outsideOverlay"/> 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:orientation="horizontal" 
    android:gravity="center_vertical"> 

    <EditText 
     android:id="@+id/message_input" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:hint="@string/prompt_message" 
     android:imeActionId="@+id/send" 
     android:imeActionLabel="@string/action_send" 
     android:imeOptions="actionSend" 
     android:inputType="text" 
     android:maxLines="1"/> 
    <ImageButton 
     android:id="@+id/send_button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@android:drawable/ic_menu_send" 
     android:contentDescription="@string/action_send"/> 

</LinearLayout> 

</LinearLayout> 

fragment.java

   FragmentManager fragmentManager = getFragmentManager(); 
      FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction(); 
      fragmentManager.popBackStackImmediate(); 
      fragmentTransaction.replace(R.id.frame_layout, chat); 
      fragmentTransaction.addToBackStack(null); 
      fragmentTransaction.commit(); 

Answer 1

在你activity_main.xml，讓你的根佈局LinearLayout與方向設置爲垂直。在根佈局中刪除LinearLayout。並設置以下的高度，寬度配置爲您FrameLayout：

android:layout_width="match_parent" 
android:layout_height="0dp" 
android:layout_weight="1" 

最後，刪除所有align...的東西，因爲他們沒有內部LinearLayout工作。

Answer 2

你必須移動你的FrameLa YOUT碼出來的LinearLayout的（我的LinearLayout後的意思），還必須將此代碼添加到您的框架：

android:layout_above="@+id/navigation"