一度アプリをバックグラウンドにすると、SharedElementが機能しなくなる

Question

SharedElementを使用して、Fragmnet・Activity間の画面遷移をアニメーション化しています。

以下のコードで一応動くのですが、一つ問題があります。遷移先のActivityで一度アプリをバックグラウンドにしてしまうと、SharedElementを使用して前の画面に戻れなくなってしまいます。以下にGIFを貼り付けます。（以下GIFの説明）最初に、SharedElementを使用してActivityに遷移し、そのままBackします。この時点では、SharedElementを使用して前の画面に戻れています。次に、SharedElementを使用してActivityに遷移した後、一度アプリをバックグラウンドへ移行させます。再度表示してBackすると、SharedElementを使用せずに前の画面に戻ってしまいます。

なぜバックがラウンドにするとSharedElementができなくなるのかさっぱりわからず、手詰まりです。どなたか原因をご存じの方がいらっしゃいましたら、ご教授お願いいたします。

HomeFragment.kt（遷移元Fragment）

private fun startSearchActivity(){
        val options = ActivityOptionsCompat.makeSceneTransitionAnimation(activity as AppCompatActivity,
            Pair<View, String>(FH_CardView, "SearchView"),
            Pair<View, String>(FH_NavigationIcon, "NavigationIcon")
        )

        val extras = ActivityNavigator.Extras.Builder()
            .setActivityOptions(options)
            .build()

        findNavController().navigate(R.id.action_home_to_search, null, null, extras)
    }

SearchActivity.kt（遷移先Activity）

    override fun onBackPressed() {

        AS_NavigationIcon.setImageDrawable(ContextCompat.getDrawable(this, R.drawable.arrow_to_hamburger))
        val animatedIcon = AS_NavigationIcon.drawable as AnimatedVectorDrawable
        animatedIcon.start()

        super.onBackPressed()
    }

main_to_search.xml（Navigation）

<?xml version="1.0" encoding="utf-8"?>
<navigation 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/main_to_search"
    app:startDestination="@id/homeFragment">

    <fragment
        android:id="@+id/homeFragment"
        android:name="caios.android.search_fleamarket.fragment.HomeFragment"
        android:label="HomeFragment" >
        <action
            android:id="@+id/action_home_to_search"
            app:destination="@id/searchActivity"/>
    </fragment>

    <activity
        android:id="@+id/searchActivity"
        android:name="caios.android.search_fleamarket.activity.SearchActivity"
        android:label="activity_search"
        tools:layout="@layout/activity_search" />
</navigation>

###追記
アプリがバックグラウンドに移行するタイミングでいかのようなLogCatが出ていました。他のActivityでは出ていないので何らかの関係があるものと思われますが、まだよくわかっていません。

D/ViewRootImpl[SearchActivity]: changeCanvasOpacity: opaque=true
D/ViewRootImpl[SearchActivity]: changeCanvasOpacity: opaque=false

また、Fragment to Fragmentの遷移では通常に動作することを確認しました。
また、仮想端末でテストしたところ、Android P以上で今回の症状が発生することがわかりました。O以下では普通に動作しています

###追記2
以下にgradleの依存関係を載せます。Navigationライブラリはktxのバージョン1.0.0を使用しています。

dependencies {
    implementation fileTree(dir: "libs", include: ["*.jar"])
    implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
    implementation "org.jetbrains.kotlinx:kotlinx-coroutines-core:1.3.3"
    implementation 'androidx.core:core-ktx:1.3.0'
    implementation 'androidx.appcompat:appcompat:1.1.0'
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'

    implementation "android.arch.navigation:navigation-fragment-ktx:1.0.0"
    implementation "android.arch.navigation:navigation-ui-ktx:1.0.0"

    implementation 'com.google.android.material:material:1.1.0'
    implementation 'com.google.android.gms:play-services-oss-licenses:17.0.0'

    implementation 'androidx.recyclerview:recyclerview:1.1.0'
    implementation 'androidx.cardview:cardview:1.0.0'
    implementation 'androidx.preference:preference-ktx:1.1.1'

    implementation 'com.github.kittinunf.fuel:fuel:1.12.0'
    implementation 'com.github.kittinunf.fuel:fuel-android:1.12.0'

    implementation 'io.coil-kt:coil:0.9.5'
    implementation 'com.r0adkll:slidableactivity:2.1.0'
    implementation 'com.beust:klaxon:5.0.1'
    implementation 'org.jsoup:jsoup:1.11.2'

    testImplementation 'junit:junit:4.13'
    androidTestImplementation 'androidx.test.ext:junit:1.1.1'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'
}

###追記3
今回の問題を簡単に説明するためにテストアプリを作成しました。このアプリも同様に、一度アプリをバックグラウンドへ移行させるとSharedElementが効かなくなってしまいます。AndroidO以下ではこの問題は発生しません。AndroidP, Q, Rで発生しています。以下にテストアプリの動作を示すGIFを貼っておきます。

テストアプリ

Answer 1

SearchActivity側の実装に問題がありそうです。
onBackPressedでアニメーションを実行するのではなく、ドキュメントにあるようにActivityNavigator.applyPopAnimationsToPendingTransition()を使ってみてください。

override fun finish() {
    super.finish()
    ActivityNavigator.applyPopAnimationsToPendingTransition(this)
}

---

追記

androidx.transition:transitionライブラリ内のバグのようです。
https://issuetracker.google.com/issues/158553240
https://stackoverflow.com/questions/57694692/transition-shared-element-breaks-when-for-activity-called-onstop

Comments

[CAIOS]

回答ありがとうございます。ご指摘の通り試してみましたが、治りませんでした。今回の例ではNavigationに何かAnimationをしているわけではなく、SharedElementだけですのでうまく行かなかったのだと思われます。

その後いろいろと試してわかったことを補足に書きました。

[kakajika]

Shared Elementは実際にViewを共有しているわけではなく、それっぽくアニメーションをしてViewが共有されているように見せる機能ですので、Navigationのアニメーションに関する設定は有効かと思います。（今回は別の原因があるみたいですが…）

補足を拝見したところ、OSのバージョンによって挙動が異なるのですね。
navigationライブラリやandroidx.transitionのバージョンはいくつのものを使用していますか？

[CAIOS]

以下のとおり、どちらもバージョン1.0.0を使用しています。androidx.transition...のライブラリは使用していません。補足にdependencies全体を載せておきます。よろしくお願いいたします。

implementation "android.arch.navigation:navigation-fragment-ktx:1.0.0"
implementation "android.arch.navigation:navigation-ui-ktx:1.0.0"

[kakajika]

android.arch.navigationということは、AndroidXが導入される前の少し古いバージョンですね。

AndroidX以降のバグ修正は旧ライブラリには反映されないので、可能であればAndroidXの最新のNavigationライブラリを使って試してみてもらえますか？
https://developer.android.com/jetpack/androidx/releases/navigation

[CAIOS]

ありがとうございます。AndroidXにマイグレーションし、以下のライブラリを導入してみましたが、未だにうまくいきません。この他に、RC版の2.3.0-rc01やアルファ版の2.3.0-alpha06も試してみましたがうまくいきませんでした。本当に手詰まりで困っています...。

implementation 'androidx.navigation:navigation-fragment-ktx:2.2.2'
implementation 'androidx.navigation:navigation-ui-ktx:2.2.2'

[kakajika]

うーん、そうなると、今載せていただいていない箇所のコードに問題がある可能性が高そうですね。。そこまで推測して回答するのはちょっと厳しいので、問題が再現できる最小限のコードを載せていただければ回答できるかもしれません。

[CAIOS]

長々とお付き合いいただきありがとうございます。githubにテストプロジェクトを上げました。追記にこのテストアプリの動作を示すGIFを上げました。よろしくお願いいたします。

[kakajika]

プロジェクトコードを拝見しました。これだけのシンプルなコードで再現できるのであればライブラリのバグの可能性が高そうと思い調べてみたところ、androidx.transitionのIssue TrackerにてすでにIssueが報告されていました。（Navigation側のバグかなと予想していたので、最初にこの情報を出せなくてすみません。。）
https://issuetracker.google.com/issues/158553240

StackOverflowにも同様の質問がありましたので載せておきます。
https://stackoverflow.com/questions/57694692/transition-shared-element-breaks-when-for-activity-called-onstop

ライブラリ側のバグなので、バグが修正されるのを待つか、何らかの方法で対策するしかなさそうです。どうしてもActivityへ遷移する必要がないのであれば、Fragment間の遷移で実装するのが確実かと思います。

[CAIOS]

ありがとうございます。StackOverFlowでの質問日が9ヶ月前と...。修正される気配がありませんね...。一応バグの報告をしておこうと思います。長くお付き合いいただきありがとうございました。

[kakajika]

時間が取れるならバグの原因を追いかけてみたいところです。。お力になれずすみません。回答は修正しておきます。