Android: Replaced Fragment Is Still Visible

On Android, if you replace a fragment using FragmentTransaction.replace, the old fragment could still be seen. This is most often caused by not setting the background color of the fragment.

Below is a screenshot of the main fragment.

When the fragment is replaced, both fragments become visible.

To solve the problem, set the android:background property to “?android:windowBackground” in the fragment layout files.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="?android:windowBackground"
    tools:context=".MainFragment">
 
    ...

</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="?android:windowBackground"

tools:context=".MainFragment">

...

</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="?android:windowBackground"
    tools:context=".SomeFragment">
 
    ...

</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="?android:windowBackground"

tools:context=".SomeFragment">

...

</LinearLayout>

The “?android:windowBackground” property value is based on the current theme, so no hard coding of the background color is involved. After making the changes, the replaced fragment will appear as shown below.

Mohamed Ibrahim

ibrahim = { interested_in(unix, linux, android, open_source, reverse_engineering); coding(c, shell, php, python, java, javascript, nodejs, react); plays_on(xbox, ps4); linux_desktop_user(true); }