問題の概要
react-navigation-shared-elementライブラリを使用して 2 つの画面間の遷移を実装しました
トランジション効果は iOS では機能しますが、Android では機能しません。Android では、トランジションは黒の背景で終了します。
コード スニペット
対象画面:
<SafeAreaView style={styles.safeArea}>
<View
style={[
styles.mainViewOuter,
{
transform: [{ translateY: 0 }],
paddingBottom: 0,
},
]}
>
<SharedElement
id={sharedElement}
style={[
styles.poster,
{
height: safeHeight,
width: safeWidth,
},
]}
>
<FastImage
source={poster}
style={styles.thumbnailImage}
resizeMode="cover"
/>
</SharedElement>
出発地点
<SharedElement id={sharedElement} style={stylesheet.sharedElement}>
<FastImage
source={thumbnailImageSource}
style={stylesheet.image}
resizeMode="cover"
/>
</SharedElement>
