react-native：固定ヘッダーの影がscrollViewの下に来る

Question

私はViewの上に固定位置のあるヘッダーを持っていて、次にscrollViewを持っています。 scrollViewがスクロールされると、ヘッダーの下に移動します。それは大丈夫ですが、ヘッダーシャドウは中央で削除され、エッジに残ります。スクロールビューをスクロールして影を修正する方法は？

私はposition:'absolute'を使用している場合は、シャドウの問題がないので、ページ上部にヘッダーを付けるためにflex: 0を使用しています。 flex: 0でどのように影をつけることができますか？

image of the header & scroolView

Answer 1

あなたはzIndexを使用する必要があります。次に、ヘッダーがscrollViewの上に表示され、影があります。

Answer 2

"yourView.layer.zPosition"の値を大きくします。値を高くすると、画面上の他のビューに対して、ビューの優先順位が決まります。