問題タブ [react-native-shared-element]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
8 問題
0
投票する
0
に答える
22
参照
react-native - React Navigation を使用した React Native SharedElement - Android でトランジションが黒くなる
問題の概要
react-navigation-shared-elementライブラリを使用して 2 つの画面間の遷移を実装しました
トランジション効果は iOS では機能しますが、Android では機能しません。Android では、トランジションは黒の背景で終了します。
コード スニペット
対象画面：
出発地点
0
投票する
0
に答える
34
参照
react-native - React Native - 共有要素はヘッダーの上でクリップされ、アニメーション表示が終了すると下に移動します
問題は、共有要素が上部に遷移し、ヘッダー バーのアニメーションが終了すると、共有要素が下に移動するため、見栄えが悪いことです。
ヘッダー バーがアニメーション化されることを期待していますが、WA5 1BZ はアニメーション化された高さが終了する場所に移行し、ヘッダー バーを超えないようにします。
ジョブ画面:
標準ヘッダー バー:
画面スタック:
スクリーンショットの例:
