Reagieren india Negative shadowOffset Top-Schatten zu schaffen

Question

Ich versuche, eine untere Navigationsleiste wie YouTube oder Instagram haben zu schaffen, aber ich laufe in Frage Erstellung der Schatteneffekt:

Dies ist meine aktuellen Code;

shadowColor: '#000000', 
    shadowOffset: { 
    width: 0, 
    height: 0 
    }, 
    shadowRadius: 50, 
    shadowOpacity: 1.0, 
    elevation: 1 

Dies erzeugt einen Schatten, der nur am unteren Rand der Navigationsleiste sichtbar ist, aber nicht oben. Gibt es eine Möglichkeit, ein negatives shadowOffset zu platzieren, so dass der Schatten auch oben sichtbar ist?

Beispiel:

Answer 1

Sie können kleine MarginTop zu Ihrem Container hinzufügen, als Stile hinzufügen:

{ 
    shadowRadius: 2, 
    shadowOffset: { 
    width: 0, 
    height: -3, 
    }, 
    shadowColor: '#000000', 
    elevation: 4, 
}