2017-11-23 7 views
2

のようにこれは私が(下の画像のように)通常の反応 - ナビゲーションバーのような下の影を追加することはでき<View>がどのように `<View>に影を追加するために`通常のタブバー

enter image description here

を使用して、私のカスタムナビゲーションバーのですか?影を追加する

enter image description here

あなたは、単にCSSを使用することができます

header: { 
    height: 55, 
    flexDirection: 'row', 
    shadowColor: 'black', 
    shadowOpacity: 0.1, 
    shadowRadius: 5, 
    shadowOffset: { 
     height: 5, 
    }, 
    elevation: 4, 
    zIndex: -1, 
    overflow: 'visible' 
    }, 

答えて

1

私には難しいようだ:

header: { 
    height: 55, 
    flexDirection: 'row', 
    shadowColor: "#000000", 
    shadowOpacity: 0.8, 
    shadowRadius: 2, 
    shadowOffset: { 
     height: 1, 
     width: 1 
    } 
} 

はあなたの便利に値を調整します。場合によっては、適切なzIndexの値を設定し、あなたのヘッダーoverflowvisibleであることを再度確認したい場合があります。

+0

あなたの答えをありがとうが、これは私の場合はうまくいかなかった。私は下の影が見えません: –

+0

5回更新されたが、何も変わらない –

+0

ヘッダーに 'zIndex'値を追加してみてください' overflow'が 'hidden'ではないことを確認してください – kytwb

関連する問題