ReactNativeでzIndexがうまくコントロールできない
Q&A
Closed
解決したいこと
ReactNativeの学習の一環でソリティアのゲームを作っています。
トランプコンポーネントを作成し、それをスマホ上でPANで移動させることはできたのですが、なぜかドラッグした瞬間にz-index=50としているにもかかわらず、
選択中のカードが前面にきてくれません。
コードは該当の箇所となります。
動画
動画にようにハートの10を上下に移動した際,スペードの13(前要素)の前面には表示されていますが、
ハートの8(後要素)の後ろには隠れてしまいます。
理想はハートの10をアクティブにした際はすべての要素の最前面で表示させたいです。
ご存知の方がいれば、ご教授願います🙇♂️
0