1.容器属性        (1). display : flex | inline-flex (块级伸缩容器 | 行内级伸缩容器)        (2). flex-direction : row | row-reverse | column | column-reverse (主轴线方向)        (3). flex-wrap : nowrap | wrap | wrap-reverse (主轴线空间不足是否换行及换行方向)        (4). flex-flow : row no…

iOS原生混合RN开发详解 做过原生iOS开发或者Android开发的同学们肯定也都了解Hybrid,有一些Hybrid的开发经验,目前我们企业开发中运用最广泛的Hybrid App技术就是原生与H5 hybrid,在早期的时候,可能部分同学也接触过PhoneGap等hybrid技术,今天我们就简单来聊下一种比较新的Hybrid技术方案,原生App与ReactNativie Hybrid,如果有同学们对React Native技术不熟悉的同学,可以查看作者简书中对React Native基础的讲…

在如今React.ng.vue三分天下的格局下,不得不让自己加快学习的脚步.虽然经常会陷入各种迷茫,学得越多会发现不会的东西也被无限放大,不过能用新的技术作出一些小项目小Demo还是会给自己些许自信与接着学习的动力. 项目部分展现 项目源码地址     项目简介 1. APP后端搭建: 使用NodeJs的koa框架完成APP后端的搭建; 使用mongodb完成数据存储,通过mongoose模块完成对mongodb数据的构建; 2. APP前端搭建: 使用RN组件式架构.JS类库实现快速开发 采用…

2.1.开发工具推荐visual studio code https://code.visualstudio.com/docs/?dv=win 选择安装react native tool 就可以了 2.发布rn 版本 2.1 生成密钥 keytool -genkey -v -keystore ruihua-release-key.keystore -alias  ruihua-release-key-alias -keyalg RSA -keysize 2048 -validity 10000…

在使用RN开发过程中,难免有些原生功能需要要自己来实现,下面总结一下在使用RN与原生开发交互. 1.在原生代码中定义实现类 1.1  首先继承 ReactContextBaseJaveModule抽象类 public class SomeModule extends ReactContextBaseJavaModule{} 1.2  实现构造方法 public SomeModule(ReactApplicationContext context){ super(context); } 1.3 …

一.开发工具 1.Visual Studio Code:微软IDE,轻量级,只有30+M大小 2.nuclide :仅支持Mac 3.WebStorm : JavaScript开发工具(IDE) 二.学习资源 1.RN中文网:reactnative.cn…

微信小程序页面布局方式采用的是Flex布局.Flex布局,是W3c在2009年提出的一种新的方案,可以简便,完整,响应式的实现各种页面布局.Flex布局提供了元素在容器中的对齐,方向以及顺序,甚至他们可以是动态的或者不确定的大小的.Flex布局的主要特征是能够调整其子元素在不同的屏幕大小中能够用最适合的方法填充合适的空间. flex布局 Flex布局的特点: 任意方向的伸缩,向左,向右,向下,向上 在样式层可以调换和重排顺序 主轴和侧轴方便配置 子元素的空间拉伸和填充 沿着容器对齐 微信小程序实…

报错一: Attempted to transition from state `RESPONDER_INACTIVE_PRESS_IN` to `RESPONDER_ACTIVE_LONG_PRESS_IN`, which is not supported. This is most likely due to `Touchable.longPressDelayTimeout` not being cancelled. 产生原因: 可能是在Touchablexxx在这组组件中调用onPress…

今天上午配置了windows的Android的环境,下载node,Python,安装Android SDK和Android studio,JSK,然后配置用户变量和系统变量,然后npm install -g react-native-cli,全局安装RN的脚手架工具 ,接着react-native init project初始化RN的项目,接着cd project,最后react-native run-android运行项目,本来这样能自动运行react-native start安装好所需要的p…

一.align-items和其参数  stretch / baseline 注:sretch只有在交叉轴没有设置固定长度的情况下才有作用                                  baseline是以第一个子元素为基准,后面的子元素与第一个子元素对齐. 二.flex-wrap 和其参数 row-wrap (默认)  /  wrap    / flex-wrap:作用---换行 flex布局,基础内容已经结束,欢迎大家一起交流. <view class="root&q…