Фрагмент перекрывается

Question

Я создал приложение, когда тестирую мое приложение, или я нажал кнопку «Назад», мой фрагмент перекрывает другой фрагмент. Я не знаю, почему это происходит. Пожалуйста, помогите мне, мне нужна помощь .. Мои коды

public class MainActivity extends AppCompatActivity { 

    private SharedPreferences pref; 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_main); 
     pref = getPreferences(0); 
     initFragment(); 
    } 

    private void initFragment(){ 
     Fragment fragment; 
     if(pref.getBoolean(Constants.IS_LOGGED_IN,false)){ 
      fragment = new ProfileFragment(); 
     }else { 
      fragment = new LoginFragment(); 
     } 
     FragmentTransaction ft = getFragmentManager().beginTransaction(); 
     ft.replace(R.id.fragment_frame,fragment); 
     ft.commit(); 
    } 
} 

activity_main.xml

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="true" 
    android:background="#ff51b46d" 
    tools:context="com.example.hldev.docup.MainActivity"> 

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     xmlns:tools="http://schemas.android.com/tools" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     tools:context="com.example.hldev.docup.MainActivity"> 

     <FrameLayout 
      android:id="@+id/fragment_frame" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent"/> 

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

Uploads.java

 public class Uploads extends Fragment implements View.OnClickListener{ 

      @Nullable 
      @Override 
      public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { 
       View view=inflater.inflate(R.layout.activity_uploads, container, false); 
       ivAttachment = (ImageView)view.findViewById(R.id.ivAttachment); 

       tv_name = (TextView)view.findViewById(R.id.tv_name); 
       tv_email = (TextView)view.findViewById(R.id.tv_email); 
       bUpload = (Button)view.findViewById(R.id.b_upload); 
       tvFileName = (TextView)view.findViewById(R.id.tv_file_name); 
       ivAttachment.setOnClickListener(this); 
       bUpload.setOnClickListener(this); 
       return view; 
      } 


private void goToProfile(){ 

     Fragment profile = new ProfileFragment(); 
     FragmentTransaction ft = getFragmentManager().beginTransaction(); 
     ft.replace(R.id.fragment_frame,profile); 
     ft.commit(); 
    } 
    } 

Answer 1

Просто установить цвет фона для вашего нового <fragment /> в файле XML иначе он будет прозрачным и покажет замененный фрагмент.

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout xmlns:android="schemas.android.com/apk/res/android"; 
    xmlns:tools="schemas.android.com/tools"; 
    android:id="@+id/frag24" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:background="@color/green"> 
     <!-- Your Content --> 
     </RelativeLayout> 
</FrameLayout > 

Answer 2

установить белый цвет фона вашего родительского макета вашего activity_uploads. также делают то же самое со всеми макетами, которые вы используете в Fragment.

Answer 3

замените ваш код ниже.

<RelativeLayout xmlns:android="schemas.android.com/apk/res/android" 
    xmlns:tools="schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" 
    android:background="@android:color/holo_green_dark" 
    tools:context="com.example.hldev.docup.Uploads">