Question

我目前正在开发一个本机应用程序，并希望我的边界上有边框阴影有任何建议如何实施呢？我已经尝试过View组件的影子道具，但它似乎不起作用。

我也想要一些渐变背景色。有什么建议吗？

谢谢！

Answer 1

你可以简单地使用如下所示的高程： <View elevation={5}> </View>

Answer 2

您必须为View

提供提升道具

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

可以像这样添加

样式：

const styles = StyleSheet.create({

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

Answer 3

我建议使用this tool.，它会向您显示阴影的外观，并为您提供可以复制的代码。

Answer 4

添加阴影，您可以使用react-native-shadow和渐变react-native-linear-gradient

Answer 5

您只能在ios应用中使用内置的阴影道具。对于android，您可以使用 {elevation：2} 方法在组件上体验阴影效果，但无法像在ios中那样自定义阴影（颜色，偏移量等）。 / p>

赞-

Answer 6

shadowColor：“＃000”， shadowOffset：{ 宽度：0，高度：2 }， shadowOpacity：0.25， shadowRadius：3.84，

海拔：5，

边境阴影反应原生

6 个答案: