React Native
文章平均质量分 69
FOXFarm
手机端软件开发
展开
-
React Native学习中之modal
今天讲解一下,Modal这个原生控件,还是有不少的坑的。比如我们需要自定义出一些效果比如下面的图,我们在安卓里面常见的一个控件dialog而已。我们在React Native很容易实现但是我们要进行分装成我们自己经常使用的。那么如下:其中要注意的地方有几个地区 1:这个位子是设置成位于使得背景颜色是透明。如果你想使用其他的方式:加一个《View》这种方式,作为容器这样做到的效果一方面不原创 2017-04-07 17:11:58 · 1389 阅读 · 0 评论 -
React Native之属性统一配置类似安卓
今天是想写一下关于RN的一些问题。比如我在统一配置string这个文字,颜色的时候经常遇到,导入非常多的东西。使得代码看起来非常的乱,完全没有办法做到我的import看起来是那么的可爱和美丽。然后就进行了下面的一系列的操作:先在最开始的index文件进行注册这些文件。这个时候考虑到了global这个属性是全局的,所以我们应该对global进行一些操作下面对String这个类进行写一个,原创 2017-11-06 11:29:56 · 436 阅读 · 3 评论 -
RN和安卓交互~~~
先统一一下,第一个是关于RN传递到安卓的: /** * Callback 方式 RN调用原生回调的方式 jS调用一次,Native返回一次CallBack为异步操作,返回时机不确定 * rn调用Native,并获取返回值 * 安卓这边需要注册 * @param msg * @param callback原创 2017-12-08 17:14:35 · 1371 阅读 · 0 评论 -
针对在webstorm开发React Native的代码快捷设置
第一步将ReactNative.xml文件复制到这个文件夹第二步在setting里面看一下ReactNative是否打钩了~,需要打钩第三步配置成功的提示如何修改,记得改完保存原创 2017-11-22 18:39:36 · 1089 阅读 · 0 评论 -
混合应用使用react-navigation调用起来RN指定的某个界面
今天来讲解一下react-navigation的一个深链接,如果开发了混合应用然后,想要使得在原生页面开启RN的指定界面。之前的第一个想法就是使用时间总线去处理,在原生的位子发出一个信息给RN,告诉他说,这个页面需要跳转到某个指定的RN界面,可是遇到了一个很蛋疼的问题,首先这样开启必然会开启一下首页的页面,然后在跳转到我们指定的页面,这样的效果会闪一下我们的首页,导致的效果非常的差。之后便原创 2017-12-21 11:34:10 · 1341 阅读 · 0 评论 -
React Native之七牛
今天来说一下关于图片上传的。现在很多公司使用第三方的。但是对于React Native来说,不知道多不多。但是这是我公司这边使用的是七牛的。https://github.com/qiniu/react-native-sdk 然后这个连接是七牛的官方SDK。但是下来之后使用,你会发现很多蛋疼的地方,是官方文档不明确。而且就算配置成功后还是发生了一个问题,那就是- -成功和失败都没有返回值。。。。。。原创 2017-04-19 19:52:00 · 2880 阅读 · 0 评论 -
RN的ReactApplication源码分析
先从android的初始化的文件,ReactNativeHost首先调用createReactInstanceManager()方法,ReactInstanceManagerBuilder这个类里面是什么东西呢protected ReactNativeHost(Application application) { mApplication = application;}/** *原创 2018-01-14 14:10:59 · 1306 阅读 · 0 评论 -
RN之ReactActivity源码分析
我们来分析一下ReactActivity这个类import android.app.Activity; 1import android.content.Intent; 2import android.os.Bundle; 2import android.view.KeyEvent; 3import com.facebook.react.modules.core.Default原创 2018-01-14 14:25:30 · 2480 阅读 · 0 评论 -
Android直传数据RN
今天来讲解一下,数据直传问题:直接上代码了,然后这个为什么要这么处理可以看一下上面的代码关于RN源码解析的,里面我有讲解 @Override protected ReactActivityDelegate createReactActivityDelegate() { return new MyReactDelegate(this,getMainCompon原创 2018-01-23 10:54:43 · 606 阅读 · 2 评论 -
React Native之Redux动态插入reducer
RN的使用状态管理我们使用的方式大多数有俩种,分别是redux和mobx这俩种状态工具。那么这次选取redux考虑一个东西---reducer的动态注入。 首先说一下背景----假如说你的app有100 reducer,而我们的store是唯一的。那么我们在初始化的时候,是要进行一次性初始化掉我们的100reducer,那么这个方式是多么影响我们的性能,如果是1000redu...原创 2018-06-10 21:57:41 · 1157 阅读 · 0 评论 -
React Native基于webstorm开发出更快速的模板
今天呢,写一写东西。。。关于React Native的基于webStorm上面开发的模板:一方面在开发初期每次都是懒得打重复代码。。。然后跑到前面一个页面去复制,结果还得去删除,真的很烦恼呢。所有这个时候我简单的在webStorm开发上面进行模板的定义,这边就放出来给大家使用使用。 第一步 开启settings第二步第三步第四步第五步原创 2017-11-18 16:59:52 · 2564 阅读 · 2 评论 -
React Native之手势bug
在这里要说明一下,当时是使用到画廊这些功能的时候导致的。例如react-native-gallery等画廊库。因为需要到放大缩小等功能。这些是正常的。但是要进行多套图进行切换时,遇到了问题。首先第一个问题就是切换2套之后,会导致listView的刷新功能部分出现问题。其实也是自己分装好的。其实原理是一样的,就是使用到了InteractionManager这个组件。这个组件会让你的界面看起来更好。但原创 2017-06-27 11:55:37 · 545 阅读 · 0 评论 -
React Native0.42以下报错编译
今天是一个帅气的日子,在jcenter repo,今天添加了一个新版本的反应本,版本0.42.3-atlassian-1似乎打破了0.42。那么停留在0.42以下爱的小伙伴们都可能遇到这个编译失败的可能。那么在使用低版本开发React Native的小伙伴该怎么办呢?去升级ReactNative?可能开发周期时间来不及。所以我这边提供了一个方法。在安卓的gradle这个编译的包的依赖里面添加一原创 2017-05-28 10:57:05 · 634 阅读 · 0 评论 -
React Native之调用安卓的原生控件recyclerview
今天学习了React Native关于一些安卓的调用的。但是网络上面的很少关于recyclerview等这样的高级的分装。主要可能会偏向简单的一些Toast ,Log这些原生控件。现在我就来讲解一下关于高级一点的控件。以及如何使用会更加方便。我是安卓开发的。所以在调用安卓的时候。我第一个想到的是去开android studio这个。所以我尝试了一下,效果如下,看起来很不错的样子。因为今天我遇到原创 2017-04-07 17:29:24 · 1223 阅读 · 0 评论 -
React Native之基础方法调用
前几天有一个新转过来的同事问了我一个问题,就是在onPress这个东西里面调用方法怎么调用不行呢- -那么,我现在知道的方法有三种写法。我都讲解一下:第一种:是按这样的写法,注意里面的onPress里面是bind的。为什么需要bind呢注意看少了一个方法执行()=>{}在这样的方法里面需要这样写第二种:这种的可以直接进行方法的this.change()这样也可以执行第三原创 2017-04-07 18:05:06 · 638 阅读 · 0 评论 -
React Native之瀑布流
今天在讲解一下关于原生的瀑布流的实现方式,那么进入主题。有一种方式是自己写一个瀑布流的布局。但是在React Native里面如果没有进行自定义高度是完全没有办法去实现图片这些的出现。但是我在原生的安卓里面不需要图片高度就可以进行设置。但是遇到一个很尴尬的问题是,项目很赶,而且没有IOS的开发人员。所以这个时候暂时放弃了关于原生的调用。就自己写一个。其实也不算自己写的。因为在网上发现一个还不错的库原创 2017-04-08 09:11:45 · 8381 阅读 · 1 评论 -
React Native之基础篇Image
今天讲一下Image,其实在React Native里面Image的使用方式多种多样啊。现在贴一下代码来讲解一下 其中的source里面有俩种使用方式一种是这个网络图片的,这个就没什么好说吧。uri加上连接。其中讲另一个问题就是require('../../img/company.png')的这个方式记住了- -这个东西里面的连接和require是不能分开的。如果分开了聚会报错了。所原创 2017-04-08 10:59:22 · 544 阅读 · 0 评论 -
React Native之TextInput自定义
今天做一下TextInput自定义。以及一些属性讲解:效果如上图:underlineColorAndroid='transparent' placeholder="选择房屋空间" placeholderTextColor='#8c8c8c'原创 2017-04-11 19:33:13 · 627 阅读 · 0 评论 -
React Native之TextInput限制只能输入数字和小数
今天做了一个类似计算器的功能的,但是在输入TextInput遇到了这个问题了。那么我这次来写一下关于这个该怎么整理import React from 'react';import { StyleSheet, Text, View, Image, Dimensions, TextInput, TouchableOpacity, ScrollView } from 'react-native';原创 2017-04-12 20:05:59 · 15631 阅读 · 1 评论 -
React Native之类似Popuwindow
今天来说一些关于React Native要做成类似安卓的Popuwindow这样效果应该怎么做。首先我们要知道一下关于React Native的写法基本上面有点像网页的类似就好像是一个box,当然今天讲解里面比较重要的是绝对定位position这个属性'absolute', 'relative'。其中absolute和relative区别是relative是相对的定位。所以这次使用的是abso原创 2017-04-12 20:20:36 · 494 阅读 · 0 评论 -
React Native之对Json类型的数据添加和修改处理
今天写一下关于React Native的json的添加修改。比如服务器获取的格式是这样的[{name:"666",good:"get"},{name:"626",good:"get"},{name:"656",good:"get"}].这个时候我们要添加其他的数据该怎么办呢。或者有点像单选框这样的功能该怎么办呢?首页我们要知道这个单选框的状态肯定想要对这个单选框进行变化,以及其他的变化原创 2017-04-22 11:12:49 · 10154 阅读 · 2 评论 -
React Native之学习ListView的单选以及记录数据
我们对于ReactNative重新更新界面是重新渲染,然后如果是列表过长的情况下,我们一般来说会使用ListView来提高性能,以及提高局部渲染的问题。所以在我们在服务器那边获取下来的数据例如:[{name:'hehe',id:'qwe'},{name:'hehe',id:'qwe'},{name:'hehe',id:'qwe'},{name:'hehe',id:'qwe'},{name:'heh原创 2017-04-24 09:58:50 · 2361 阅读 · 0 评论 -
React Native原生之瀑布流取巧
之前的文章里面有提到过瀑布流,但是这样的方式确让android界面上面卡顿等,效果不够理想。所以这个时候使用俩个listView进行这种方式,一边一个listview,然后就差高度了。高度的方式和之前一样也是获取图片的高度方式getSize获取图片高度,然后保存起来,那么进行数据对比。分为左边的和右边的,然后在区分被2求余的数。在进行左边为2余的0 高度和为h1 右边为2余数的1 高度和是 h2那原创 2017-05-25 16:46:01 · 3253 阅读 · 2 评论 -
ReactNative之关于Android的CPU架构
好久没写博客了,现在来写一下关于cpu架构的问题.React Native支持的是abiFilters“armeabi-v7a”,“x86”,俩种cpu架构。这个时候我们需要引入第三方地图,有很多需要到所以库。这个时候我们需要的x86和armeabi-V7A俩个架构下面都把所以库复制一次。那么你的APK会贼大。然后如果使库没有少添加一个平台......那么后果是运行到这一款手机...原创 2018-07-25 19:13:10 · 715 阅读 · 0 评论