- 博客(16)
- 收藏
- 关注
原创 ReactNative集成MobX教程——2019年最新版
公司最近开了一个新项目,继续采用ReactNative,作为项目负责人,博主正好有机会从头搭建一个项目。在集成MobX的时候,出现了一些问题,主要是因为使用了 0.57.+ 的ReactNative版本,在0.56版本的ReactNative更新中,采用了Babel7,网上老的教程有些过时了,会报错。还用了5.8.0版本的MobX和5.4.3版本的MobX-React,都是最新的版本,也遇到了...
2019-01-21 14:41:32
2343
1
原创 ReactNative——TabNavigator的深入了解,打造一个自定义的Tab
最近有一个类似图片中的需求,左右滑动来切换下方的列表。一开始看到,就想到React-Navigation中的TabNavigator,但是,这个图中的Tab与传统的Tab有一些区别,一般的Tab都是上面一个图标,下面一个文字(类似QQ,微信的底部导航)或者没有图标,单纯是一个文字。所以看到图...
2018-05-05 19:40:23
1374
原创 记录碰见的坑和解决办法
一,在打开一个从网上下载的RN时,碰到编译出错的问题,报错如下:* What went wrong:A problem occurred configuring project ':app'.> Could not resolve all dependencies for configuration ':app:_debugApk'. > Configuration with...
2018-04-20 20:19:01
1541
原创 ReactNative学习笔记(八)——TabNavigator,TextInput,Image属性补充
今天进行界面的练习,第一个界面拥有一个底部导航栏,有4个标签,进行4个不同页面的切换。在写的过程中,需要用到TabNavigator的属性,之前只是简单的实现了一下,今天详细了解了一下,在这里做一个补充: 一,隐藏StackNavigator的顶部标题栏const routers = StackNavigator({ MainRoutre:{screen:Ma...
2018-04-20 20:04:08
501
原创 ReactNative学习笔记(七)——ref属性的用法和可点击组件
今天把CrazyCodeBoy老师的视频看完了,稍微总结一下:一,ref属性 ref是组件的一种特殊属性,可以理解为,组件被渲染后,指向组件的一个引用。我们可以通过ref属性来获取真实的组件。 具体的用法就是:在一个文件中导入一个组件,可以通过组件的ref属性,来调用组件中定义的方法,用一个小例子来具体说明一下: 第一个文件:RefTestFather.jsi...
2018-04-18 00:50:50
2686
原创 ReactNative学习笔记(六)——props和state补充
看了CrazyCodeBoy老师关于props和state的视频,又掌握了一些新的东西。1.设置默认属性 对于需要从父组件传递的属性,我们可以在定义组件时,设置一个默认的属性,具体写法如下: static defaultProps = { name:'Tom', age:16 ...
2018-04-16 20:02:21
213
原创 ReactNative学习笔记(五)——导出与导入
今天继续跟着视频学习,主要学习了导入与导出,总结如下: 一,如何导出一个组件,如何使用导出的组件 在定义组件时,加上export default。例如 export default class HelloComponent extends Component{},或者也可以使用ES5的方式。在定义完组件后,用module.exports = 组件名;例如:...
2018-04-16 00:16:07
384
原创 ReactNative学习笔记(四)——组件的生命周期
今天跟着CrazyCodeBoy老师的视频(ReactNative基础与入门教程)学习的,如果大家觉得看视频讲的慢,浪费时间的话,调成1.25倍速播放就可以。个人有点强迫症,想要学得更系统一点,就跟着视频来,也可以掌握一些更细小的知识。 总结下今天学得主要内容: 一,组件的生命周期 说几个比较重要的方法: constructor():一般在构造函...
2018-04-15 00:10:42
953
原创 ReactNative学习笔记(三)——ReactNavigation
今天跟着RN中文网学习使用导航器跳转页面,现在官方推荐React-Nevigation。但是RN中文网写的太简单,不知道该怎么用,就去搜索了其他文章。结果发现其他文章又写的太繁琐,一上来就给你介绍一大堆属性,代码也很零散,看的让人头大,几乎想要放弃。后来看到了xiongtm的这篇博客,相对还算简单一些,也贴上了github的项目地址,我就直接clone下来了,运行了一下,发现例子也比...
2018-04-13 20:28:00
567
原创 ReactNative学习笔记(二)——长列表(FlatList和SectionList)
昨天跟着ReactNative中文网学习,看到了ListView和网络还有Navigation跳转的那里,发现这三个知识点有些难度,没有理解,今天接着看的。但是发现了一个问题,原来昨天看的文档版本有点落后,看了当前版本的文章,才慢慢理解了一点。如图所示: 在ReactNative中文网的左上角,标明了文档的版本,点击右边的箭头可以选择以前的版本。昨天不知道什么时候选择了0....
2018-04-12 23:22:52
1159
原创 ReactNative用Fetch实现网络请求
最近在学习ReactNative的网络知识,看了不少文章,讲的都比较复杂,还推荐让学习promise,但是对于一个没有js和react基础的纯新人来说,那些原理显得有点难度,我个人建议初学者不需要看,先学会Fetch的用法就行了,原理以后慢慢就会了解。我根据自己看的一些文章和例子,写了一个对于新手来说,非常友好的用Fetch进行网络请求的Demo,堪称关于Fetch用法的HelloWo...
2018-04-12 23:12:05
365
原创 ReactNative学习笔记(一)——搭建环境和基础知识
学习ReactNative(以下简称RN),我主要跟着ReactNative 中文网和Marno的简书来学习的。比较系统并且也容易理解,学习了两天了,记录一下关键点和自己遇到的一些问题。 我原来是搞Android原生开发的,没有学过html,css,javascript,也没有了解过react,之前一直用的Java语言,所以一接触RN,在语法上不是特别习惯,也看不太懂。我...
2018-04-11 20:19:59
477
原创 鸭子类型(duck typing)
鸭子类型的名称来自于这样一句话“当看到一只鸟走起来像鸭子、游泳起来像鸭子、叫起来也像鸭子,那么这只鸟就可以被称为鸭子。” 鸭子类型是多态的一种形式。在这种形式中,一个对象有效的语义,不是由继承自特定的类或实现特定的接口决定的,而是由当前方法和属性的集合所决定。只要对象实现了相应的方法,函数就可以在对象上执行操作。即忽略对象的真正类型,转而关注对象有没有实现所需的方法、签名和语义。
2018-04-10 20:19:50
529
原创 静态语言和动态语言的区别
静态语言静态语言是在编译时变量的数据类型即可确定的语言,多数静态类型语言要求在使用变量之前必须声明数据类型。 例如:C++、Java、C#等。动态语言动态语言是在运行时确定数据类型的语言。变量使用之前不需要类型声明,通常变量的类型是被赋予的值的的类型。 例如PHP、Ruby、Python、JavaScript等。静态语言的优势由于类型的强制声明,使得IDE有很强的代码感知能力,故,在实现复杂的业务...
2018-04-10 19:32:04
1304
原创 TextView中的那些空格
名称 编号 描述           1 个字符宽度    2个字符宽度看网上的资料,空格大...
2017-01-10 13:53:35
1272
转载 Android环境变量配置
一,先下载好jdk和sdk二,在环境变量的系统环境变量下进行环境变量的配置(以下操作都是在系统环境变量中进行) 1,配置环境变量:JAVA_HOME 新建,变量名:” JAVA_HOME “,变量值:C:\Program Files\Java\jdk1.6.0_43(jdk的目录)2,配置环境变量:CLASSPATH在系
2016-11-08 00:05:38
1073
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人