react-native 中样式的骚写法
今天在读人家源码时发现了一个rn样式的骚写法:
import { StyleSheet, Platform, } from 'react-native'; const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#eee', ...Platform.select({ ios: { shadowColor: 'rgba(0,0,0,0.2)', shadowOpacity: 1, shadowOffset: { height: 2, width: 2, }, shadowRadius: 2, }, android: { elevation: 0, marginHorizontal: 30, }, }), }, });
以上代码有两个骚处:
- 通过
Platform.select()
这个骚写法可以很方便地做平台适配; elevation
这个是安卓下的阴影实现
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
上一篇: 小程序抓包和反编译教程
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论