Border Shadow Reaction Native

Question

Ich arbeite derzeit an einer reaktiven nativen App und möchte Randschatten an meinen Rändern Irgendwelche Vorschläge, wie man es implementiert? Ich habe Schattenstützen der View-Komponente ausprobiert, aber es scheint nicht zu funktionieren.

Und auch ich möchte einige Farbverlauf Hintergrundfarbe.Any Vorschläge?

Danke!

Answer 1

hinzufügen Schatten Sie react-native-shadow und für Gradienten react-native-linear-gradient

Answer 2

verwenden, können Sie einfach Höhe wie unten verwenden: <View elevation={5}> </View>

Answer 3

Sie Höhen Stütze geben haben können

<View elevation={5} style={styles.container}> 
<Text>Hello World !</Text> 
</View> 

Stile anzeigen wie folgt hinzugefügt werden:

const styles = StyleSheet.create({ 

container:{ 
    padding:20, 
    backgroundColor:'#d9d9d9', 
    shadowColor: "#000000", 
    shadowOpacity: 0.8, 
    shadowRadius: 2, 
    shadowOffset: { 
     height: 1, 
     width: 1 
    } 
    }, 
})