12小时包你学会基于ReactMix框架的ReactNativeApp开发（二）基于Css+HTML写第一个app页面_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了12小时包你学会基于ReactMix框架的ReactNativeApp开发（二）基于Css+HTML写第一个app页面_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1029字，纯文字阅读大概需要2分钟。
内容图文
上一篇文章，大家对于ReactMix( https://github.com/xueduany/react-mix )框架有了一个基本认识，知道我们是一个语法糖，帮助大家基于一套代码，所有平台都能跑。那么今天就是来实战一下，写一个所有平台都能跑的页面出来。 首先我们要准备了解的基本知识如下，在H5开发中，我们的页面布局方式有
1. 默认布局（块状元素和内联元素）
2. 浮动布局（Float）
3. 定位布局（position: relative, absolute, top, left, right, bottom）
4. Flex布局
在ReactNative中，我们能用到的是1,3,4，没有2
另外，在H5中，我们css属性值是有单位的，在ReactNative中没有，ReactMix帮助我们解决这个问题，他作为语法糖支持了CSS的属性值单位问题，使得我们可以像写 css一样写12px, 12pt, 12em, 12rem，且这些单位有实际效力
px即像素，pt即磅，em即默认字体大小，默认是16px, rem即可变字体大小，随屏幕大小而不断变化，这个单位以后会非常重要，使我们解决iOS常见的设备适配问题的关键，有了他，妈妈再也不用担心我的设备适配问题了
Ok，那我们先创建一个空白页面，首先新建一个demo.js
(class Test extends App{
render(){
return (
HelloWorld!
内容总结
以上是互联网集市为您收集整理的12小时包你学会基于ReactMix框架的ReactNativeApp开发（二）基于Css+HTML写第一个app页面_html/css_WEB-ITnose全部内容，希望文章能够帮你解决12小时包你学会基于ReactMix框架的ReactNativeApp开发（二）基于Css+HTML写第一个app页面_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。