ReactNative 想问下问题，

Question

1. 怎么友好高效率的写style， 如何做到类似css那样
2. 做平板类型的，假设1024*768的设计图，如果高还原， 目前搜索采用了，一个按照什么屏幕高度计算高度宽度， 和字体大小的。
3. 有没有 平板类型的ui库啊， 或者说平板类型的select date dialog之类的控件选择用什么 比较好， 或者有什么推荐吗？
4. 不知道为什么我热更新不了，可能设置不行。每次都要 reload
5. 调试时候能不能直接编辑修改style方式可以动态看效果。 打开谷歌浏览器的devtool好像只能看console 和 source
6. 等大佬

Answer 1

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，保存后界面会实时刷新效果的；