问答

ReactNative 想问下问题,

作者:admin 2021-04-18 我要评论

怎么友好高效率的写style, 如何做到类似css那样 做平板类型的,假设1024*768的设计图,如果高还原, 目前搜索采用了,一个按照什么屏幕高度计算高度宽度, 和字...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
  1. 怎么友好高效率的写style, 如何做到类似css那样
  2. 做平板类型的,假设1024*768的设计图,如果高还原, 目前搜索采用了,一个按照什么屏幕高度计算高度宽度, 和字体大小的。
  3. 有没有 平板类型的ui库啊, 或者说平板类型的select date dialog之类的控件选择用什么 比较好, 或者有什么推荐吗?
  4. 不知道为什么我热更新不了,可能设置不行。每次都要 reload
  5. 调试时候能不能直接编辑修改style方式可以动态看效果。 打开谷歌浏览器的devtool好像只能看consolesource
  6. 等大佬
###
  1. RN的style编写已经非常贴近CSS了,只是由'-'连接的属性名,变为了驼峰命名;
  2. RN的尺寸已经经过设备像素比进行适配过的。在适配上,一般采取宽度适配,高度自由,开发者在不同设备上只需按设计图尺寸与设备视口宽度的比例进行适配即可。如:设计图是 1024 x 768,有一个元素宽度是100px,假设你要在 375 x 667 (iPhone6)上显示,那么在 iPhone6上你应该设置宽度 :100 x(375/1024)。公式: 设计图上元素尺寸 x(设备视口宽度/设计图宽度)。其中设备视口宽度可通过Dimensions API 获取;
  3. RN UI库缺乏,一般自己撸轮子。开源的可以看下 ant-design-mobile-rn 不过目前已停止维护;
  4. 摇一摇,打开 Fast Refresh
  5. RN 渲染是原生视图,浏览器没法看到的。你可以 摇一摇,打开 Toggle Inspector,点击界面上的元素查看其布局详情。另外,打开第4点中的 Fast Refresh 后,你代码中修改style,保存后界面会实时刷新效果的;

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器