边框阴影 React Native

Question

我目前正在开发一个反应原生应用程序，并希望在我的边框上有边框阴影有什么建议如何实现它吗？我已经尝试过 View 组件的阴影道具，但它似乎不起作用。

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

谢谢！

原文由 Ayushman Kishore Dash 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你必须给 elevation 道具 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
    }
   },
 })

原文由 Saurabh Joshi 发布，翻译遵循 CC BY-SA 3.0 许可协议