Почему мои фрагменты появляются друг на друга?

Question

У меня есть основной макет этой формы

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       android:orientation="vertical" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent"> 

    <LinearLayout 
     android:id="@+id/fragment1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="vertical"> 
    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/fragment2" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="vertical"> 
    </LinearLayout> 

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

И я делаю FragmentTransaction призывающего .replace() на них обоих, чтобы вызвать два фрагмента, которые используют следующий XML:

Fragment1.xml

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:orientation="horizontal" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:baselineAligned="true"> 

    ... 

</LinearLayout> 

Fragment2.xml

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       android:orientation="vertical" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content"> 

    <android.support.v7.widget.RecyclerView 
     android:id="@+id/recycler_view" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 
    </android.support.v7.widget.RecyclerView> 

</LinearLayout> 

Почему два фрагмента появляются друг на друга? Я хочу, чтобы Fragment1 отображался непосредственно над Fragment2, у которого есть RecyclerView.

Edit: Код Замена:

fragment1 = Fragment1.newInstance(); 
fragment2 = Fragment2.newInstance(); 

FragmentManager fragmentManager = getChildFragmentManager(); 
FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction(); 

fragmentTransaction.replace(R.id.fragment1, fragment1, "fragment1"); 
fragmentTransaction.replace(R.id.fragment2, fragment2, "fragment2"); 

fragmentTransaction.commit(); 

Answer 1

Это потому, что вы положили две раскладки внутри CoordinatorLayout. CoordinatorLayout ведет себя как RelativeLayout. Попробуйте это вместо этого.

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="vertical"> 
     <FrameLayout 
     android:id="@+id/fragment1" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"/> 
     <FrameLayout 
     android:id="@+id/fragment2" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"/> 
    </LinearLayout> 
</android.support.design.widget.CoordinatorLayout> 

Answer 2

Вы можете импортировать фрагменты непосредственно в макете активность в:

<fragment 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    class="com.packacge.Fragment1"/> 

<fragment 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    class="com.packacge.Fragment2"/>