React Native之样式篇

昨天会调试之后，今天迫不及待的就开始练习了。实现了一个电影列表，想让其样式变好看点，想要实现border：1px soild #ccc

不好意思，RN告诉你不能这么用，于是百度呀。。。

只能这样用：

1、边框类

borderWidth//边框宽度，单方向设置为borderBottomWidth,borderTopWidth,borderLeftWidth,borderRightWidth
borderColor//边框颜色，单方向设置为borderBottomColor等
borderStyle//边框样式，单方向设置为borderBottomStyle等
borderRadius//圆角半径，单角设置为borderTopLeftRadius等

2、shadow类

shadowColor//阴影颜色
shadowOffset//阴影偏移
shadowOpacity//阴影透明度
shadowRadius//阴影角度
elevation//高度，设置Z轴，可以产生立体效果

后来想实现一个边框的阴影，结果shadow类在android机上不管用。。。于是百度呀。。

参考文献：https://blog.csdn.net/SpicyBoiledFish/article/details/76079556

现在为止有三种方法，

• 采用react-native-shadow和react-native-svg实现

       缺点：会牵扯到你的项目不能仅仅通过热更新来迭代版本