react-native 样式百分比适配

react-native 样式适配, React Native中指定大小通常只能使用数字,不能使用百分比
所以考虑适配的问题, 做下笔记:

RN中适配, 由于基本样式都是flext弹性盒子布局, 所以大块还是比较好搞点, 但是有些细微处, 还是有些兼顾不到,可能这时候会想到百分比,

Rn提供了API 可以获取屏幕宽高 Dimensions

使用方法:

let MainHeight = Dimensions.get('window').height;
let MainWidth = Dimensions.get('window').width;
 

获取的值就是个准确的数值,此时可以改成你想要的百分比

  屏幕宽度的30%
  Dimensions.get('window').width  * 0.033
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,789评论 25 709
  • 简短说明 收录一些好用的RN第三方组件,以方便日常的使用,大家有什么推荐的也可以跟我说,我加进去。如有冒犯,可以联...
    以德扶人阅读 43,808评论 44 214
  • 刚才的感觉太过猛烈,现在突然感觉释怀了。没有伞的孩子懂得奔跑的意义,一个人,偌大的教室,孤单影支,也许有时候摧毁人...
    Anne的孤独虽败犹荣阅读 12,178评论 214 253
  • 今天是的特殊的日子,我没能好好的过这一天,觉得很无奈,忙碌的工作占去了大部分的时间,每天都有一大堆事情等着我去做,...
    麦琪957阅读 1,449评论 0 0