Wie Boxshadow am Anfang eines Bildes in reaktionsnativen hinzufügen?

Wie gehe ich vor, um einen Schatten hinzuzufügen, der am oberen Rand eines Bildes erscheint?Wie Boxshadow am Anfang eines Bildes in reaktionsnativen hinzufügen?

hier ein Beispiel:

ich über meinem Bild-Tag einen Dummy-View-Tag versucht setzen und hat daraus einen Schatten kommen, aber es scheint, wie die Schattenhöhe immer ein Multiplikator von der Höhe Elementen . Wenn ich meine Sicht nicht wirklich groß mache, wird der Schatten winzig sein.

Quelle

2017-10-13 Shayan Javadi

Ich könnte keinen besseren Weg finden, es ohne diese Bibliothek zu tun. Versuchen Sie es einfach https://github.com/react-native-community/react-native-linear-gradient

Beispielcode aussehen würde:

<Header> 
    <LinearGradient 
    start={{x: 0.0, y: 0.25}} end={{x: 0.5, y: 1.0}} 
    locations={[0,0.5,0.6]} 
    colors={['#000000', '#00000000']}> 
    <YourMenuItem /> 
    </LinearGradient> 
</Header>

Quelle

2017-10-14 04:39:17

Die Nachricht hat mich, dass Expo realisieren eine LinearGradient Komponente hat. Also für jeden, der expo benutzt, der diese Frage sieht, gehen Sie hier: https://docs.expo.io/versions/latest/sdk/linear-gradient.html, sonst ist die Bibliothek, die Sie verlinkt haben, der richtige Weg! –

cool @ShayanJavadi, besser mit eingebauten Komponente als redundante hinzufügen. –

Wie Boxshadow am Anfang eines Bildes in reaktionsnativen hinzufügen?

Antwort

Verwandte Themen