wu_xiao_yang-CSDN博客

原创 onTouch onClick onLongClick

onTouch 方法中按照 1 ACTION_DOWN 2 ACTION_MOVE 3 ACTION_UP的顺序执行。其中ACTION_CANCEL执行的条件为父viewgroup 的onInterceptTouchEvent方法中ACTION_MOVE return false；onLongClick onClick 的执行时机为 ACTION_DOWN ACTION_MOVE ...

2019-03-18 20:50:07 222

原创 React Native 嵌入原生项目混合开发-多个RN Activity

在混合开发的时候，只使用一个RN的Activity明显不太现实。而在纯RN项目中，很明显只有一个index.android.js一个入口，实际上纯RN项目也仅仅只需要一个Activity。内部可以使用路由进行跳转。但是混合开发明显不行，否则将无法正常的在RN和原生界面之间进行来回跳转。即便可以，复杂度也会大大增加。经过尝试，在一个混合项目中，可以有若干个RN的Activity，每一个Activity

2017-06-09 13:53:44 2871 2

原创 React Native 嵌入原生项目混合开发-自定义RN Activity

如果进行一个RN项目开发，初始化项目之后，就会有一个Activity是继承RnActivity的。如果进行混合开发时，由于我们的Activity可能要做很多工作，还想继承我们原生的Activity。因此，就可以自定义一个RN的Activity，无须继承官网的Activity。假如，我们已经有了一个BaseActivity。再定义一个RnActivity，里面可以封装若干个抽象方法，所有的Rn

2017-06-09 13:46:26 1407

原创 React Native 热更新注意点1

React Native 热更新,实际是更新assets目录下面的index.android.bundle文件. assert目录,一旦安装时候,我们是不能修改的,因此,热更新就是我们将index.android.bundle这个文件放在sd卡的某个位置,然后将getJSBundleFile()这个方法返回的地址,改为sd卡的位置. 就会只用sd卡上的index.android.bundle这个

2017-01-19 14:08:25 1371

原创 React Native 升级策略简述

debug模式下React Native以热更新而出名,而它的热更新在开发阶段,通过调试菜单,可以实现reload hot load等,也就是你可以手动点reload 也可以选择 hot load 这两者的区别是什么呢 reload 你点击一次,会执行getReactNativeHost().getReactInstanceManager().getDevSupportManager().hand

2017-01-10 16:10:51 614

原创 ES6中变量的结构赋值作用

1 交换变量的值[x, y] = [y, x];变换x和y的值.2 函数多个返回值通常函数只有一个返回值,通过结构赋值的方式,可以将返回值,直接匹配多个变量.function example() { return [1, 2, 3];}var [a, b, c] = example();变量a b c就分别取到了1 2 3.3 提取JSON数据在网络访问数据时,前端直接访问数据库的情况基

2017-01-03 13:58:33 3056

原创 React Native 之 Redux使用教程

在一个普通的React Native中,如果业务逻辑不够复杂,或者state和props不需要跨越多个页面传递,也不需要相互没有父子组件等关系的组件之间传递数据,这基本就不需要使用Redux.在之前我们也说过了,组件之间传递数据的几种方式,在组件中,通过改变state去改变组件的显示,在组件之间通过props去传递数据,如果是没有关系的组件之间,可以通过注册事件,去传递数据.这一节主要说一下,如果我

2016-12-25 16:45:09 2269

原创 React Native 原生与JS之间事件绑定注册作用在于原生可以直接调用JS的方法

1 前面我们已经说过了RN混合开发中,原生如何调用JS的各个页面 JS如何调用原生的activity,以及JS中如何调用原生的方法. 2 这些已经比较简单的,这一节主要说,我们如果在原生JAVA代码中,某个时刻非常想响应JS的某个方法怎么办. 目前,我还没有了解到如何可以直接调用JS的某个方法,我的做法是采用事件响应的方式,就跟Android原生的按钮绑定了某个事件一样,如果收到这个消息,JS

2016-12-25 14:50:27 2130

原创 RN和原生Android混合开发之相互调用

1 官网上的原生模块理解官网上有原生模块这一节，我的理解是这一节要教给我们，如何在RN中的JS代码中调用原生的JAVA代码，同样包括调用Toast和Dialog，这种我们已经写好的组件，但不包括View，View这种在另外一节中说道了。首先需要知道的就是ReactContextBaseJavaModule在java代码里面，继承了这个方法，就可以在里面写暴露给RN JS的方法，如下： @Rea

2016-12-03 15:34:12 10931

原创 RN中子组件和父组件之间的数据传递问题

使用RN做项目已经有两个月了，虽然现在大部分情况下已经使用了Redux，进行状态的管理和数据的处理，后续会说一下自己是如何使用Redux的，现在先说一下在RN中一个关键的数据传递问题，虽然后续可能项目中添加了Redux架构，但也不代表这每个页面都去使用，毕竟为了一个简单的数据，需要一堆操作，也挺麻烦的。1 父组件传递给子组件数据这个是比较简单，也是比较常见的。比如：官网上props这一节中的这

2016-12-03 14:54:29 5247

原创 React Native State和Props

这俩东西,在RN里面很强大,我的理解目前还不到位,反正能用到的地方太多了,频率也很大,这里表示还有很大空间,值得去挖掘.据说,Status这东西,目前已经有专门的容器还是框架去管理了,还没去研究,如果你的业务足够复杂,可以去尝试.import React, { Component } from 'react';import { AppRegistry, Text, View } from 'rea

2016-10-14 19:27:30 290

原创 React Native 分辨率适配问题

RN中宽高,解决很多机型适配的问题,因为它没有单位啊,嘎嘎..import React, { Component } from 'react';import { AppRegistry, View } from 'react-native';class FixedDimensionsBasics extends Component { render() { return (

2016-10-14 19:19:38 4458

原创 React Native Flexbox布局

不管什么应用,布局必学啦,RN使用的是Flexbox布局,其实还是比较容易掌握的,尤其是做web的.首先,布局是分主轴和次轴的,这个概念要清楚,就跟坐标系一样,你决定让你的行作为主轴,还是列作为主轴.1 主轴决定主轴的样式就是 Flex Direction<View style={{flex: 1, flexDirection: 'row'}}>上面的代码就是值以行为主轴,有了主轴,才能说下面的

2016-10-14 19:10:39 202

原创 React Native 开发基础组件触摸组件类似于android原生 button

目前RN还有针对智能电视的按键事件,现有的触摸事件主要有以下几个组件:1 TouchableHighlight(点击事件有颜色变化)renderButton: function() { return ( <TouchableHighlight onPress={this._onPressButton}> <Image style={styles.button}

2016-10-14 18:42:55 198

原创 React Native 开发环境配置---ubuntu14 linux

小白用的是ubuntu 14.4 64位的，说一下开发之前的配置。 1 安装node环境这个可以随便搜一下很多，官网下载配置环境变量最后一定要验证是否成功终端输入 node -v 看看是否出现版本号，验证自己是否安装成功。 2 安装watchman 按照命令一次输入终端即可$ sudo apt-get install aut

2016-09-30 14:10:38 320

原创 RN混合开发坑1-版本问题

由于RN出版本的速度很快，版本之间的差异应该还挺大，RN混合开发第一篇中，的方法已经无法用到0.33这样的版本上了，建议最直接的方法就是自己利用RN命令初始化一个Helloworld，然后通过Helloworld目录结构及内容，再找找不一样的地方适配一下。小白之后都是这么干的。现在说说，遇到的闪退问题这个坑。原因小白没有分析出来，对比Helloworld之后，发现少了如下东西 ndk {

2016-09-29 09:45:50 1685

原创 React Native混合开发1

RN越来越火，小编认为也有必要学习一把，虽然原生应用优势很明显，但是也存在着发版的痛点。 facebook为了解决这种痛点，出了RN。本人不太建议成熟的app，从新使用RN开发，人力资源耗费太多。废话不多说了。第一讲，建立原生应用，然后配置成RN环境。1 使用android studio，生成TestHello项目android studio建立新项目很简单，大家都会，当然你有成熟

2016-09-28 17:23:30 454

原创 HTML 5 属性

accesskey 用户自定义定义访问元素的键盘快捷键。 align right, left, center 水平对齐标签。 background URL 在元素后面设置一个背景图像。 bgcolor 数值，十六进制值，RGB值在元素后面设置一个背景颜色。 class 用户定义。分类一个元素，便于使用级联样式表。 contentedi

2016-09-02 16:28:20 274

原创 HTML 5 事件属性汇总

offline 文档进入离线状态时触发。 onabort 事件中断时触发。 onafterprint 文档被打印后触发。 onbeforeonload 文档载入前触发。 onbeforeprint 文档被打印前触发。 onblur 窗口失去焦点时触发。 oncanplay 媒体停止缓冲，可以开始播放

2016-09-02 16:21:12 359

原创 Android listview addHeaderView 和 addFooterView 理解

addHeaderView()方法：主要是向listView的头部添加布局 addFooterView()方法：主要是向listView的底部添加布局注意：添加的是View，而不是控件。注意事项1、item 内如果有button等控件时，在监听listview的onitemclick事件时，焦点会被item内的button、imagebutton等控件抢走，从而导致在listview设置了o

2016-08-30 10:04:53 519

原创 WifiConfiguration解析

WifiManager mWifiManager = (WifiManager)context.getSystemService(Context.WIFI_SERVICE); List<WifiConfiguration> list = mWifiManager.getConfiguredNetworks();list是什么？list列表获取的是配置的wifi热点列表（很多博客都这么写），开始

2016-08-29 17:24:59 4701

转载欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2016-08-29 16:51:14 252

小白之路